+
+
+ Start a conversation
+Click "New Conversation" to get started with your local LLM
+
+
+ 
+
+
+[](https://paypal.me/MarkusBegerow?country.x=DE&locale.x=de_DE)
+
+## 📬 Contact
+
+- 🧑💻 [Markus Begerow](https://linkedin.com/in/markusbegerow)
+- 💾 [GitHub](https://github.com/markusbegerow)
+- ✉️ [Twitter](https://x.com/markusbegerow)
+
+---
+
+**Privacy Notice**: This app operates entirely in your browser by default. No data is sent to external servers unless you explicitly configure a remote API endpoint. All conversation data is stored locally in your browser's localStorage and never leaves your device.
+
diff --git a/packages/web-app-local-llm/extension.d.ts b/packages/web-app-local-llm/extension.d.ts
new file mode 100644
index 00000000..8dc7ee63
--- /dev/null
+++ b/packages/web-app-local-llm/extension.d.ts
@@ -0,0 +1,22 @@
+///
+
+
+
+
+
+
diff --git a/packages/web-app-local-llm/src/components/ConfigSettings.vue b/packages/web-app-local-llm/src/components/ConfigSettings.vue
new file mode 100644
index 00000000..eba4fe08
--- /dev/null
+++ b/packages/web-app-local-llm/src/components/ConfigSettings.vue
@@ -0,0 +1,446 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/web-app-local-llm/src/index.ts b/packages/web-app-local-llm/src/index.ts
new file mode 100644
index 00000000..77b77eba
--- /dev/null
+++ b/packages/web-app-local-llm/src/index.ts
@@ -0,0 +1,42 @@
+import { defineWebApplication } from '@opencloud-eu/web-pkg'
+import { RouteRecordRaw } from 'vue-router'
+import { useGettext } from 'vue3-gettext'
+import translations from '../l10n/translations.json'
+import './styles/common.css'
+
+const applicationId = 'local-llm-opencloud'
+
+export default defineWebApplication({
+ setup() {
+ const { $gettext } = useGettext()
+
+ const appInfo = {
+ id: applicationId,
+ name: $gettext('Local LLM'),
+ icon: 'brain',
+ color: '#4a5568'
+ }
+
+ const routes: RouteRecordRaw[] = [
+ {
+ path: '/',
+ redirect: `/${applicationId}/chat`
+ },
+ {
+ path: '/chat',
+ name: 'chat',
+ component: () => import('./views/Chat.vue'),
+ meta: {
+ authContext: 'user',
+ title: $gettext('Chat')
+ }
+ }
+ ]
+
+ return {
+ appInfo,
+ routes,
+ translations
+ }
+ }
+})
diff --git a/packages/web-app-local-llm/src/services/api.ts b/packages/web-app-local-llm/src/services/api.ts
new file mode 100644
index 00000000..b0643080
--- /dev/null
+++ b/packages/web-app-local-llm/src/services/api.ts
@@ -0,0 +1,347 @@
+// Local storage keys
+const CONVERSATIONS_KEY = 'local-llm-conversations'
+const MESSAGES_KEY = 'local-llm-messages'
+const CONFIGS_KEY = 'local-llm-configs'
+
+// Types
+export interface Message {
+ id: string
+ conversationId: string
+ role: 'user' | 'assistant' | 'system'
+ content: string
+ timestamp: number
+}
+
+export interface Conversation {
+ id: string
+ name: string
+ configId: string
+ createdAt: number
+ updatedAt: number
+}
+
+export interface Config {
+ id: string
+ name: string
+ apiUrl: string
+ apiToken: string
+ modelName: string
+ temperature: number
+ maxTokens: number
+ systemPrompt: string
+ isDefault: boolean
+}
+
+// Helper functions for local storage
+function getFromStorage
+
+
+ LLM Configurations
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ config.name }} + Default +
+
+
+
+
+
+
+
+
+ API URL: {{ config.apiUrl }}
+Model: {{ config.modelName }}
+Temperature: {{ config.temperature }}
+
+
+ {{ editingConfig ? 'Edit Configuration' : 'New Configuration' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+