From c8d761a0040c19108b61443cbb1b3a13d393d9fb Mon Sep 17 00:00:00 2001
From: Adam Treat <treat.adam@gmail.com>
Date: Sun, 9 Jul 2023 15:51:59 -0400
Subject: [PATCH] Add a nicer message.

---
 gpt4all-chat/CMakeLists.txt     |  1 +
 gpt4all-chat/icons/download.svg |  5 +++++
 gpt4all-chat/icons/question.svg |  8 +++++++
 gpt4all-chat/main.qml           | 38 +++++++++++++++++++++++++++++++--
 4 files changed, 50 insertions(+), 2 deletions(-)
 create mode 100644 gpt4all-chat/icons/download.svg
 create mode 100644 gpt4all-chat/icons/question.svg

diff --git a/gpt4all-chat/CMakeLists.txt b/gpt4all-chat/CMakeLists.txt
index b98989e2..cfd68ae0 100644
--- a/gpt4all-chat/CMakeLists.txt
+++ b/gpt4all-chat/CMakeLists.txt
@@ -122,6 +122,7 @@ qt_add_qml_module(chat
       icons/close.svg
       icons/copy.svg
       icons/db.svg
+      icons/download.svg
       icons/settings.svg
       icons/edit.svg
       icons/image.svg
diff --git a/gpt4all-chat/icons/download.svg b/gpt4all-chat/icons/download.svg
new file mode 100644
index 00000000..76f56c3f
--- /dev/null
+++ b/gpt4all-chat/icons/download.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#7d7d8e" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z"/></svg>
+<!--
+Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
+License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+-->
diff --git a/gpt4all-chat/icons/question.svg b/gpt4all-chat/icons/question.svg
new file mode 100644
index 00000000..7cf18fdd
--- /dev/null
+++ b/gpt4all-chat/icons/question.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg2" xmlns="http://www.w3.org/2000/svg" fill="#7d7d8e" height="200" width="200" version="1.0">
+ <path id="path2382" d="m165.33 113.44a103.61 103.61 0 1 1 -207.22 0 103.61 103.61 0 1 1 207.22 0z" transform="matrix(.93739 0 0 .93739 42.143 -6.3392)" stroke-width="0" fill="#fff"/>
+ <g id="layer1">
+  <path id="path2413" d="m100 0c-55.2 0-100 44.8-100 100-5.0495e-15 55.2 44.8 100 100 100s100-44.8 100-100-44.8-100-100-100zm0 12.812c48.13 0 87.19 39.058 87.19 87.188s-39.06 87.19-87.19 87.19-87.188-39.06-87.188-87.19 39.058-87.188 87.188-87.188zm1.47 21.25c-5.45 0.03-10.653 0.737-15.282 2.063-4.699 1.346-9.126 3.484-12.876 6.219-3.238 2.362-6.333 5.391-8.687 8.531-4.159 5.549-6.461 11.651-7.063 18.687-0.04 0.468-0.07 0.868-0.062 0.876 0.016 0.016 21.702 2.687 21.812 2.687 0.053 0 0.113-0.234 0.282-0.937 1.941-8.085 5.486-13.521 10.968-16.813 4.32-2.594 9.808-3.612 15.778-2.969 2.74 0.295 5.21 0.96 7.38 2 2.71 1.301 5.18 3.361 6.94 5.813 1.54 2.156 2.46 4.584 2.75 7.312 0.08 0.759 0.05 2.48-0.03 3.219-0.23 1.826-0.7 3.378-1.5 4.969-0.81 1.597-1.48 2.514-2.76 3.812-2.03 2.077-5.18 4.829-10.78 9.407-3.6 2.944-6.04 5.156-8.12 7.343-4.943 5.179-7.191 9.069-8.564 14.719-0.905 3.72-1.256 7.55-1.156 13.19 0.025 1.4 0.062 2.73 0.062 2.97v0.43h21.598l0.03-2.4c0.03-3.27 0.21-5.37 0.56-7.41 0.57-3.27 1.43-5 3.94-7.81 1.6-1.8 3.7-3.76 6.93-6.47 4.77-3.991 8.11-6.99 11.26-10.125 4.91-4.907 7.46-8.26 9.28-12.187 1.43-3.092 2.22-6.166 2.46-9.532 0.06-0.816 0.07-3.03 0-3.968-0.45-7.043-3.1-13.253-8.15-19.032-0.8-0.909-2.78-2.887-3.72-3.718-4.96-4.394-10.69-7.353-17.56-9.094-4.19-1.062-8.23-1.6-13.35-1.75-0.78-0.023-1.59-0.036-2.37-0.032zm-10.908 103.6v22h21.998v-22h-21.998z"/>
+ </g>
+</svg>
diff --git a/gpt4all-chat/main.qml b/gpt4all-chat/main.qml
index 3a188cbe..94f86e4b 100644
--- a/gpt4all-chat/main.qml
+++ b/gpt4all-chat/main.qml
@@ -658,12 +658,46 @@ Window {
                 color: currentChat.isServer ? theme.backgroundDark : theme.backgroundLight
 
                 Text {
-                    text: qsTr("You must install a model via the download dialog to continue. The download dialog can be accessed via the drawer button in the top left corner and then clicking the 'Downloads' button.")
+                    id: warningLabel
+                    text: qsTr("You must install a model to continue. Models are available via the download dialog or you can install them manually by downloading from <a href=\"https://gpt4all.io\">the GPT4All website</a> (look for the Models Explorer) and placing them in the model folder. The model folder can be found in the settings dialog under the application tab.")
                     color: theme.textColor
-                    width: 500
+                    width: 600
+                    linkColor: theme.linkColor
                     wrapMode: Text.WordWrap
                     anchors.centerIn: parent
                     visible: ModelList.installedModels.count === 0
+                    onLinkActivated: function(link) {
+                        Qt.openUrlExternally(link)
+                    }
+                }
+
+                MyButton {
+                    id: downloadButton
+                    text: qsTr("Download models")
+                    visible: ModelList.installedModels.count === 0
+                    anchors.top: warningLabel.bottom
+                    anchors.topMargin: 20
+                    anchors.horizontalCenter: warningLabel.horizontalCenter
+                    padding: 15
+                    leftPadding: 50
+                    Image {
+                        anchors.verticalCenter: parent.verticalCenter
+                        anchors.left: parent.left
+                        anchors.leftMargin: 15
+                        width: 24
+                        height: 24
+                        mipmap: true
+                        source: "qrc:/gpt4all/icons/download.svg"
+                    }
+                    background: Rectangle {
+                        border.color: downloadButton.down ? theme.backgroundLightest : theme.buttonBorder
+                        border.width: 2
+                        radius: 10
+                        color: downloadButton.hovered ? theme.backgroundLighter : theme.backgroundLight
+                    }
+                    onClicked: {
+                        downloadNewModels.open();
+                    }
                 }
 
                 ListView {