@frockbot/plugin-custom-models 0.0.0 → 0.3.12

package/frockbot.json

@@ -0,0 +1,60 @@
+{
+  "schemaVersion": 4,
+  "id": "custom-models",
+  "displayName": "Custom models",
+  "version": "0.0.1",
+  "compatibility": { "frockbot": ">=0.0.1" },
+  "dependencies": {
+    "settings": ">=0.0.1",
+    "shell": ">=0.0.1",
+    "ui-theme": ">=0.0.1"
+  },
+  "defaultEnablement": "disabled",
+  "contributions": {
+    "client": {
+      "entry": "./client",
+      "mounts": [
+        { "slot": "frockbot.models-sections", "order": 0 },
+        { "slot": "frockbot.bot-settings-sections", "order": 0 }
+      ],
+      "outlets": []
+    }
+  },
+  "configuration": {
+    "settings": [
+      {
+        "id": "account-model",
+        "schemaVersion": 1,
+        "scopes": ["user"],
+        "role": "model",
+        "schema": {
+          "type": "object",
+          "properties": {
+            "connectionId": { "type": "string" },
+            "providerModelId": { "type": "string" }
+          },
+          "required": ["connectionId", "providerModelId"],
+          "additionalProperties": false
+        }
+      },
+      {
+        "id": "model",
+        "schemaVersion": 1,
+        "scopes": ["bot"],
+        "role": "model",
+        "schema": {
+          "type": "object",
+          "properties": {
+            "connectionId": { "type": "string" },
+            "providerModelId": { "type": "string" }
+          },
+          "required": ["connectionId", "providerModelId"],
+          "additionalProperties": false
+        }
+      }
+    ],
+    "connectionTypes": [],
+    "capabilities": []
+  },
+  "permissions": []
+}

package/package.json

@@ -1,14 +1,46 @@
 {
   "name": "@frockbot/plugin-custom-models",
-  "version": "0.0.0",
-  "description": "Placeholder reserving this name for trusted publishing. Superseded by the first release.",
-  "license": "UNLICENSED",
+  "version": "0.3.12",
+  "private": false,
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./client": "./src/client/index.ts",
+    "./frockbot.json": "./frockbot.json",
+    "./manifest": "./src/manifest.ts",
+    "./package.json": "./package.json"
+  },
+  "frockbot": {
+    "manifest": "./frockbot.json"
+  },
+  "scripts": {
+    "test": "bun test src",
+    "build": "vite build",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json"
+  },
+  "dependencies": {
+    "@frockbot/client-core": "0.3.12",
+    "@frockbot/client-ui": "0.3.12",
+    "@frockbot/configuration-core": "0.3.12",
+    "@frockbot/kernel-composition": "0.3.12",
+    "@frockbot/kernel-contracts": "0.3.12",
+    "@frockbot/plugin-settings": "0.3.12",
+    "@frockbot/plugin-shell": "0.3.12",
+    "vue": "3.5.41"
+  },
+  "devDependencies": {
+    "@types/bun": "1.4.0",
+    "@vitejs/plugin-vue": "6.0.8",
+    "typescript": "npm:typescript-native-bridge@6.0.3-bridge.16.tsgo.7.0.2",
+    "vite": "8.2.2",
+    "vue-tsc": "3.3.10"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/timoconnellaus/frockbot.git",
     "directory": "packages/plugin-custom-models"
-  },
-  "publishConfig": {
-    "access": "public"
   }
 }

package/src/client/AccountModelsSection.vue

@@ -0,0 +1,165 @@
+<script setup lang="ts">
+import { UiButton, UiField } from "@frockbot/client-ui";
+import {
+  decodeModelSelection,
+  describeModelBinding,
+  eligibleModelConnections,
+  encodeModelSelection,
+  modelSelectOptions,
+} from "@frockbot/plugin-settings/client";
+import { frockBotWebDataKey } from "@frockbot/plugin-shell/shared";
+import { computed, inject, onMounted, ref, watch } from "vue";
+import {
+  ACCOUNT_MODEL_SETTING_ID_V1,
+  storedModelBindingV1,
+} from "../model-settings.js";
+import ProviderAccounts from "./ProviderAccounts.vue";
+import { customModelsClientStateKey } from "./state.js";
+
+const providedState = inject(customModelsClientStateKey);
+const providedWeb = inject(frockBotWebDataKey);
+if (!providedState || !providedWeb) {
+  throw new Error("Custom models client services were not provided");
+}
+const state = providedState;
+const web = providedWeb;
+
+const installation = computed(() =>
+  web.value.userSettings?.packages.find(
+    (candidate) => candidate.packageId === "custom-models",
+  ),
+);
+const enabled = computed(() => installation.value?.state === "installed");
+const connections = computed(() => web.value.userSettings?.connections ?? []);
+const readyConnections = computed(() =>
+  eligibleModelConnections({
+    connections: connections.value,
+    packages: web.value.userSettings?.packages ?? [],
+    catalog: web.value.pluginCatalog,
+  }),
+);
+const options = computed(() => modelSelectOptions(readyConnections.value));
+const storedModel = computed(() =>
+  storedModelBindingV1(
+    installation.value?.values?.[ACCOUNT_MODEL_SETTING_ID_V1],
+  ),
+);
+const platformModelLabel = computed(
+  () =>
+    describeModelBinding(
+      web.value.userSettings?.platformModel,
+      connections.value,
+    ) ?? "not available",
+);
+const selectedModel = ref("");
+const saving = ref(false);
+
+watch(
+  () => encodeModelSelection(storedModel.value),
+  (selection) => {
+    selectedModel.value = selection;
+  },
+  { immediate: true },
+);
+
+onMounted(() => {
+  void web.value.loadPluginCatalog();
+  void web.value.loadUserSettings();
+});
+
+async function save(): Promise<void> {
+  saving.value = true;
+  try {
+    await state.setAccountModel(decodeModelSelection(selectedModel.value));
+    web.value.settingsError = undefined;
+  } catch (error) {
+    web.value.settingsError =
+      error instanceof Error ? error.message : "Could not save account model";
+  } finally {
+    saving.value = false;
+  }
+}
+</script>
+
+<template>
+  <div v-if="enabled" class="custom-models">
+    <section
+      id="user-default-model-content"
+      class="model-section"
+      aria-labelledby="user-default-model"
+    >
+      <UiField label="Account model" hint="used by every Bot">
+        <select v-model="selectedModel">
+          <option value="">
+            Follow the platform model — {{ platformModelLabel }}
+          </option>
+          <option
+            v-for="option in options"
+            :key="option.value"
+            :value="option.value"
+          >
+            {{ option.label }}
+          </option>
+        </select>
+      </UiField>
+      <p class="field-hint">
+        With no account choice, every Bot follows the platform model:
+        {{ platformModelLabel }}.
+      </p>
+      <div class="section-actions">
+        <UiButton variant="primary" :disabled="saving" @click="save">
+          {{ saving ? "Saving…" : "Save account model" }}
+        </UiButton>
+      </div>
+    </section>
+
+    <section
+      id="user-model-providers-content"
+      class="model-section"
+      aria-labelledby="user-model-providers"
+    >
+      <div>
+        <strong>Model providers</strong>
+        <p class="field-hint">
+          Accounts and endpoints for the model providers you have enabled.
+        </p>
+      </div>
+      <ProviderAccounts />
+    </section>
+  </div>
+</template>
+
+<style scoped>
+.custom-models,
+.model-section {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.model-section {
+  padding-right: var(--frock-control-sm);
+}
+
+.model-section + .model-section {
+  padding-top: 16px;
+  border-top: 1px solid var(--frock-border);
+}
+
+.model-section strong {
+  color: var(--frock-text);
+  font-size: var(--frock-text-md);
+}
+
+.field-hint {
+  margin: 0;
+  color: var(--frock-text-muted);
+  font-size: var(--frock-text-sm);
+}
+
+.section-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+</style>

package/src/client/BotModelSection.vue

@@ -0,0 +1,139 @@
+<script setup lang="ts">
+import { UiButton, UiField } from "@frockbot/client-ui";
+import {
+  decodeModelSelection,
+  describeModelBinding,
+  eligibleModelConnections,
+  encodeModelSelection,
+  modelSelectOptions,
+} from "@frockbot/plugin-settings/client";
+import { frockBotWebDataKey } from "@frockbot/plugin-shell/shared";
+import { computed, inject, onMounted, ref, watch } from "vue";
+import {
+  ACCOUNT_MODEL_SETTING_ID_V1,
+  BOT_MODEL_SETTING_ID_V1,
+  storedModelBindingV1,
+} from "../model-settings.js";
+import { customModelsClientStateKey } from "./state.js";
+
+const providedState = inject(customModelsClientStateKey);
+const providedWeb = inject(frockBotWebDataKey);
+if (!providedState || !providedWeb) {
+  throw new Error("Custom models client services were not provided");
+}
+const state = providedState;
+const web = providedWeb;
+
+const installation = computed(() =>
+  web.value.userSettings?.packages.find(
+    (candidate) => candidate.packageId === "custom-models",
+  ),
+);
+const enabled = computed(() => installation.value?.state === "installed");
+const connections = computed(() => web.value.userSettings?.connections ?? []);
+const readyConnections = computed(() =>
+  eligibleModelConnections({
+    connections: connections.value,
+    packages: web.value.userSettings?.packages ?? [],
+    catalog: web.value.pluginCatalog,
+  }),
+);
+const options = computed(() => modelSelectOptions(readyConnections.value));
+const accountModel = computed(() =>
+  storedModelBindingV1(
+    installation.value?.values?.[ACCOUNT_MODEL_SETTING_ID_V1],
+  ),
+);
+const inheritedModel = computed(
+  () => accountModel.value ?? web.value.userSettings?.platformModel,
+);
+const inheritedModelLabel = computed(
+  () =>
+    describeModelBinding(inheritedModel.value, connections.value) ??
+    "not available",
+);
+const botModel = computed(() =>
+  storedModelBindingV1(
+    web.value.botSettings?.packageValues["custom-models"]?.[
+      BOT_MODEL_SETTING_ID_V1
+    ],
+  ),
+);
+const selectedModel = ref("");
+const saving = ref(false);
+
+watch(
+  () => encodeModelSelection(botModel.value),
+  (selection) => {
+    selectedModel.value = selection;
+  },
+  { immediate: true },
+);
+
+onMounted(() => {
+  void web.value.loadPluginCatalog();
+  void web.value.loadUserSettings();
+  void web.value.loadBotSettings();
+});
+
+async function save(): Promise<void> {
+  saving.value = true;
+  try {
+    await state.setBotModel(decodeModelSelection(selectedModel.value));
+    web.value.settingsError = undefined;
+  } catch (error) {
+    web.value.settingsError =
+      error instanceof Error ? error.message : "Could not save Bot model";
+  } finally {
+    saving.value = false;
+  }
+}
+</script>
+
+<template>
+  <section v-if="enabled" class="bot-model-section">
+    <UiField label="Model" hint="for this Bot">
+      <select v-model="selectedModel">
+        <option value="">
+          Follow the account model — {{ inheritedModelLabel }}
+        </option>
+        <option
+          v-for="option in options"
+          :key="option.value"
+          :value="option.value"
+        >
+          {{ option.label }}
+        </option>
+      </select>
+    </UiField>
+    <p class="field-hint">
+      With no override, this Bot inherits {{ inheritedModelLabel }}.
+    </p>
+    <div class="section-actions">
+      <UiButton variant="primary" :disabled="saving" @click="save">
+        {{ saving ? "Saving…" : "Save Bot model" }}
+      </UiButton>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.bot-model-section {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-right: var(--frock-control-sm);
+}
+
+.field-hint {
+  margin: 0;
+  color: var(--frock-text-muted);
+  font-size: var(--frock-text-sm);
+}
+
+.section-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+</style>