github/gpt4all
1
0
Fork 0
mirror of https://github.com/nomic-ai/gpt4all.git synced 2025-09-23 20:40:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Jared Van Bortel
2025-03-19 18:08:49 -04:00
parent 9772027e5e
commit b359c9245c
11 changed files with 250 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
gpt4all-chat/qml/AddRemoteModelView.qml
View File

@@ -79,25 +79,6 @@ ColumnLayout {
})[provider.id.toString()]
}
}
RemoteModelCard {
width: parent.childWidth
height: parent.childHeight
providerUsesApiKey: false
providerName: qsTr("Ollama (Custom)")
providerImage: "qrc:/gpt4all/icons/antenna_3.svg"
providerDesc: qsTr("Configure a custom Ollama provider.")
}
// TODO(jared): add custom openai back to the list
/*
RemoteModelCard {
width: parent.childWidth
height: parent.childHeight
providerIsCustom: true
providerName: qsTr("Custom")
providerImage: "qrc:/gpt4all/icons/antenna_3.svg"
providerDesc: qsTr("The custom provider option allows users to connect their own OpenAI-compatible AI models or third-party inference services. This is useful for organizations with proprietary models or those leveraging niche AI providers not listed here.")
}
*/
}
}
}

102
gpt4all-chat/qml/RemoteModelCard.qml
View File

@@ -4,17 +4,12 @@ import QtQuick.Layouts
Rectangle {
id: remoteModelCard
property var provider: null
property var provider // required
property alias providerName: providerNameLabel.text
property alias providerImage: myimage.source
property alias providerDesc: providerDescLabel.text
property bool providerUsesApiKey: true
// for internal use
property bool apiKeyRequired: provider === null ? providerUsesApiKey : "apiKey" in provider
property bool apiKeyGood: !apiKeyRequired // (overwritten later if required)
property bool baseUrlGood: provider !== null // (overwritten later if custom)
color: theme.conversationBackground
radius: 10
border.width: 1
@@ -78,7 +73,38 @@ Rectangle {
spacing: 30
ColumnLayout {
visible: apiKeyRequired
visible: !provider.isBuiltin
MySettingsLabel {
text: qsTr("Name")
font.bold: true
font.pixelSize: theme.fontSizeLarge
color: theme.settingsTitleTextColor
}
MyTextField {
id: nameField
property bool initialized: false
property bool ok: true
Layout.fillWidth: true
font.pixelSize: theme.fontSizeLarge
wrapMode: Text.WrapAnywhere
Component.onCompleted: {
text = provider.name;
initialized = true;
}
onTextChanged: {
if (!initialized) return;
ok = provider.setNameQml(text.trim());
}
placeholderText: qsTr("Provider Name")
Accessible.role: Accessible.EditableText
Accessible.name: placeholderText
}
}
ColumnLayout {
visible: "apiKey" in provider
MySettingsLabel {
text: qsTr("API Key")
@@ -89,27 +115,32 @@ Rectangle {
MyTextField {
id: apiKeyField
property bool initialized: false
property bool ok: false
Layout.fillWidth: true
font.pixelSize: theme.fontSizeLarge
wrapMode: Text.WrapAnywhere
echoMode: TextField.Password
function showError() {
messageToast.show(qsTr("ERROR: $API_KEY is empty."));
apiKeyField.placeholderTextColor = theme.textErrorColor;
Component.onCompleted: {
if (parent.visible) {
text = provider.apiKey;
ok = text.trim() != "";
} else
ok = true;
initialized = true;
}
Component.onCompleted: { if (parent.visible && provider !== null) { text = provider.apiKey; } }
onTextChanged: {
apiKeyField.placeholderTextColor = theme.mutedTextColor;
if (provider !== null) { apiKeyGood = provider.setApiKeyQml(text) && text !== ""; }
if (!initialized) return;
ok = provider.setApiKeyQml(text.trim()) && text.trim() !== "";
}
placeholderText: qsTr("enter $API_KEY")
placeholderText: qsTr("Provider API Key")
Accessible.role: Accessible.EditableText
Accessible.name: placeholderText
}
}
ColumnLayout {
visible: provider === null
visible: !provider.isBuiltin
MySettingsLabel {
text: qsTr("Base Url")
font.bold: true
@@ -118,18 +149,20 @@ Rectangle {
}
MyTextField {
id: baseUrlField
property bool initialized: false
property bool ok: true
Layout.fillWidth: true
font.pixelSize: theme.fontSizeLarge
wrapMode: Text.WrapAnywhere
function showError() {
messageToast.show(qsTr("ERROR: $BASE_URL is empty."));
baseUrlField.placeholderTextColor = theme.textErrorColor;
Component.onCompleted: {
text = provider.baseUrl;
initialized = true;
}
onTextChanged: {
baseUrlField.placeholderTextColor = theme.mutedTextColor;
baseUrlGood = text.trim() !== "";
if (!initialized) return;
ok = provider.setBaseUrlQml(text.trim()) && text.trim() !== "";
}
placeholderText: qsTr("enter $BASE_URL")
placeholderText: qsTr("Provider Base URL")
Accessible.role: Accessible.EditableText
Accessible.name: placeholderText
}
@@ -152,25 +185,15 @@ Rectangle {
Layout.fillWidth: true
id: myModelList
currentIndex: -1
property bool ready: baseUrlGood && apiKeyGood
property bool ready: nameField.ok && baseUrlField.ok && apiKeyField.ok
onReadyChanged: {
if (!ready) { return; }
let providerRef = null; // owns the new provider
let provider = remoteModelCard.provider;
if (provider === null) {
// TODO: custom OpenAI
providerRef = QmlFunctions.newCustomOllamaProvider("foo", baseUrlField.text.trim());
if (providerRef !== null)
provider = providerRef.get();
}
if (provider !== null) {
provider.listModelsQml().then(modelList => {
if (modelList !== null) {
model = modelList;
currentIndex = -1;
}
});
}
if (!ready) return;
provider.listModelsQml().then(modelList => {
if (modelList !== null) {
model = modelList;
currentIndex = -1;
}
});
}
}
}
@@ -183,7 +206,6 @@ Rectangle {
font.pixelSize: theme.fontSizeLarge
property string apiKeyText: apiKeyField.text.trim()
property string baseUrlText: provider === null ? baseUrlField.text.trim() : provider.baseUrl
property string modelNameText: myModelList.currentText.trim()
enabled: baseUrlGood && apiKeyGood && modelNameText !== ""