@webskill/chatbot 0.1.0 → 0.2.0

package/README.md

@@ -76,27 +76,18 @@ probe (`pnpm test:install-smoke`), against the **published** `.d.ts`.
 <!-- typecheck: chatbot-minimal.tsx -->
 
 ```tsx
-import { Chatbot, type ChatbotHostAdapter, type LlmConfig } from '@webskill/chatbot';
+import { Chatbot, type ChatbotHostAdapter } from '@webskill/chatbot';
 import { OpfsProvider } from '@webskill/sdk/browser';
 import '@webskill/chatbot/chatbot.css';
 
-// ChatbotHostAdapter: wire storage, skill roots, an LLM config store, and a
-// navigation port (openConsole / openConsoleTrace). <Chatbot> constructs its own
-// ChatEngine from the adapter; pass config for options like generativeUi.
-let saved: LlmConfig | undefined;
-
+// ChatbotHostAdapter: wire storage, skill roots and a navigation port
+// (openConsole / openConsoleTrace). <Chatbot> constructs its own ChatEngine
+// from the adapter; pass config for options like generativeUi.
+// Model configuration lives in the runtime config store (config.runtimeConfig):
+// RuntimeConfig.llm.entries holds the model list, llm.defaultId the default one.
 const adapter: ChatbotHostAdapter = {
   storage: new OpfsProvider({ rootName: 'my-app' }),
   skillRoots: ['/skills'],
-  llmConfig: {
-    load: async () => saved,
-    save: async (config) => {
-      saved = config;
-    },
-    clear: async () => {
-      saved = undefined;
-    }
-  },
   navigation: {
     openConsole() {
       /* route to your console surface */

package/dist/chatbot.css

@@ -229,6 +229,9 @@
   .relative {
     position: relative;
   }
+  .static {
+    position: static;
+  }
   .inset-0 {
     inset: 0px;
   }
@@ -322,6 +325,9 @@
   .my-0 {
     margin-block: 0px;
   }
+  .my-1 {
+    margin-block: var(--spacing);
+  }
   .my-2 {
     margin-block: calc(var(--spacing) * 2);
   }
@@ -489,12 +495,18 @@
   .w-2\.5 {
     width: calc(var(--spacing) * 2.5);
   }
+  .w-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+  }
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
   .w-9 {
     width: calc(var(--spacing) * 9);
   }
+  .w-40 {
+    width: calc(var(--spacing) * 40);
+  }
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
@@ -874,6 +886,12 @@
   .bg-danger-soft {
     background-color: var(--destructive-soft);
   }
+  .bg-danger\/10 {
+    background-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+    }
+  }
   .bg-destructive {
     background-color: var(--destructive);
   }
@@ -1036,6 +1054,9 @@
   .ps-9 {
     padding-inline-start: calc(var(--spacing) * 9);
   }
+  .pt-0\.5 {
+    padding-top: calc(var(--spacing) * 0.5);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -1210,6 +1231,9 @@
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   }
+  .line-through {
+    text-decoration-line: line-through;
+  }
   .underline {
     text-decoration-line: underline;
   }