@columenlabs/lumen-ui 0.1.219 → 0.1.221

package/dist/assistant/settings.d.ts

@@ -4,10 +4,16 @@ import type { AssistantAdapter } from './client.js';
  * The admin's section: the app's shared keys and each person's monthly allowance on them. Put it
  * where the app keeps its admin settings, shown only to admins.
  */
-export declare function assistantAdminSections({ client, allowance, }: {
+export declare function assistantAdminSections({ client, allowance, providers, }: {
     client: AssistantAdapter;
     /** Add Allowance requests (the app set `allowance` on the server). */
     allowance?: boolean;
+    /** Give each provider's shared key a section of its own (listed under Allowance) instead of one
+     *  Shared model keys section: the app's providers, in order. */
+    providers?: {
+        id: string;
+        label: string;
+    }[];
 }): SettingsSectionDef[];
 /**
  * The assistant's Settings sections: the assistant, then Model providers, Models, Tools, Web and

package/dist/assistant/settings.js

@@ -187,10 +187,32 @@ function SharedProviderKey({ client, p }) {
             },
         ] }));
 }
+const adminOnly = _jsx("p", { className: "text-muted-foreground text-sm", children: "Only an admin can change these." });
+/** What each person may spend on the shared keys. A one-off allowance has no monthly cap: starter and grants set it. */
+function SharedCap({ client, s }) {
+    const { apply } = useApply(client);
+    if (s.allowance?.period === 'once')
+        return null;
+    return (_jsx(Row, { label: "Each person may spend", info: "A month on the shared keys, every provider together. Past it, a person's own key pays.", children: _jsx(CapInput, { label: "Allowance per person", value: s.caps.app, onSave: (n) => void apply('cap', () => client.appCap(n)) }) }));
+}
 /** Admins only: the app's shared keys and what each person may spend on them. */
 function SharedKeys({ client }) {
-    const { apply } = useApply(client);
-    return (_jsx(WithStatus, { client: client, children: (s) => s.admin ? (_jsxs("div", { className: "flex flex-col", children: [_jsx(LumenExpandList, { children: s.providers.map((p) => (_jsx(SharedProviderKey, { client: client, p: p }, p.id))) }), s.allowance?.period !== 'once' && (_jsx(Row, { label: "Each person may spend", info: "A month on the shared keys, every provider together. Past it, a person's own key pays.", children: _jsx(CapInput, { label: "Allowance per person", value: s.caps.app, onSave: (n) => void apply('cap', () => client.appCap(n)) }) }))] })) : (_jsx("p", { className: "text-muted-foreground text-sm", children: "Only an admin can change these." })) }));
+    return (_jsx(WithStatus, { client: client, children: (s) => s.admin ? (_jsxs("div", { className: "flex flex-col", children: [_jsx(LumenExpandList, { children: s.providers.map((p) => (_jsx(SharedProviderKey, { client: client, p: p }, p.id))) }), _jsx(SharedCap, { client: client, s: s })] })) : (adminOnly) }));
+}
+/** Admins only: one provider's shared key on a section of its own, open. */
+function SharedKey({ client, id }) {
+    return (_jsx(WithStatus, { client: client, children: (s) => {
+            const p = s.providers.find((x) => x.id === id);
+            if (!s.admin)
+                return adminOnly;
+            if (!p)
+                return null;
+            return (_jsx(LumenExpandList, { defaultOpen: p.id, children: _jsx(SharedProviderKey, { client: client, p: p }) }));
+        } }));
+}
+/** Admins only: the allowance alone, for apps that give each provider its own section. */
+function SharedAllowance({ client }) {
+    return (_jsx(WithStatus, { client: client, children: (s) => (s.admin ? _jsx(SharedCap, { client: client, s: s }) : adminOnly) }));
 }
 // ---------------------------------------------------------------- models
 function Models({ client }) {
@@ -365,15 +387,36 @@ function AllowanceRequests({ client }) {
  * The admin's section: the app's shared keys and each person's monthly allowance on them. Put it
  * where the app keeps its admin settings, shown only to admins.
  */
-export function assistantAdminSections({ client, allowance = false, }) {
+export function assistantAdminSections({ client, allowance = false, providers, }) {
+    const keys = providers
+        ? [
+            {
+                id: 'assistant-shared-allowance',
+                title: 'Allowance',
+                icon: CoinsIcon,
+                description: 'What each person may spend on the shared keys',
+                content: _jsx(SharedAllowance, { client: client }),
+            },
+            ...providers.map((p) => ({
+                id: `assistant-shared-key-${p.id}`,
+                title: p.label,
+                icon: KeyRoundIcon,
+                description: "The key everyone's answers run on",
+                sub: true,
+                content: _jsx(SharedKey, { client: client, id: p.id }),
+            })),
+        ]
+        : [
+            {
+                id: 'assistant-shared-keys',
+                title: 'Shared model keys',
+                icon: KeyRoundIcon,
+                description: "Keys everyone's answers run on, and the allowance",
+                content: _jsx(SharedKeys, { client: client }),
+            },
+        ];
     return [
-        {
-            id: 'assistant-shared-keys',
-            title: 'Shared model keys',
-            icon: KeyRoundIcon,
-            description: "Keys everyone's answers run on, and the allowance",
-            content: _jsx(SharedKeys, { client: client }),
-        },
+        ...keys,
         ...(allowance
             ? [
                 {

package/dist/settings.js

@@ -172,7 +172,7 @@ export function LumenSettings({ open, section, onOpen, onClose, appLabel, profil
         ...(sections.length ? [{ label: appLabel, items: sections.filter(shown) }] : []),
     ].filter((g) => g.items.length);
     const search = (_jsxs(InputGroup, { className: "bg-background", children: [_jsx(InputGroupAddon, { children: _jsx(SearchIcon, {}) }), _jsx(InputGroupInput, { type: "search", className: "[&::-webkit-search-cancel-button]:hidden", "aria-label": "Search settings", placeholder: "Search", value: query, onChange: (e) => setQuery(e.target.value) }), query && (_jsx(InputGroupAddon, { align: "inline-end", children: _jsx(InputGroupButton, { size: "icon-xs", "aria-label": "Clear search", onClick: () => setQuery(''), children: _jsx(XIcon, {}) }) }))] }));
-    const header = (s, slot) => (_jsxs("div", { className: "flex items-end gap-2", children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsxs("h3", { id: `settings-${s.id}-title`, className: "flex items-center gap-2 text-base font-semibold", children: [_jsx(s.icon, { className: "size-4 text-muted-foreground" }), s.title, s.health && _jsx(SettingStatus, { health: s.health, title: s.healthTitle })] }), s.description && (_jsx("p", { className: "truncate text-sm text-muted-foreground", title: typeof s.description === 'string' ? s.description : undefined, children: s.description }))] }), _jsx("div", { ref: slot, className: "flex shrink-0 items-center gap-2 empty:hidden" })] }));
+    const header = (s, slot) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5 sm:flex-row sm:items-baseline sm:gap-3", children: [_jsxs("h3", { id: `settings-${s.id}-title`, className: "flex shrink-0 items-center gap-2 text-base font-semibold", children: [_jsx(s.icon, { className: "size-4 text-muted-foreground" }), s.title, s.health && _jsx(SettingStatus, { health: s.health, title: s.healthTitle })] }), s.description && (_jsx("p", { className: "min-w-0 truncate text-sm text-muted-foreground sm:border-l sm:pl-3", title: typeof s.description === 'string' ? s.description : undefined, children: s.description }))] }), _jsx("div", { ref: slot, className: "flex shrink-0 items-center gap-2 empty:hidden" })] }));
     return (_jsx(Dialog, { open: open, onOpenChange: (o) => {
             if (o)
                 onOpen(section);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@columenlabs/lumen-ui",
-  "version": "0.1.219",
+  "version": "0.1.221",
   "description": "Lumen: shared React components (frame, views, widgets, charts, drawers).",
   "license": "MIT",
   "type": "module",
@@ -49,7 +49,7 @@
     "@codemirror/lang-javascript": "6.2.5",
     "@codemirror/lang-json": "6.0.2",
     "@codemirror/lang-sql": "6.10.0",
-    "@columenlabs/lumen-ui-types": "0.1.219",
+    "@columenlabs/lumen-ui-types": "0.1.221",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",