@flanksource/clicky-ui 0.3.44 → 0.3.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flanksource/clicky-ui",
-  "version": "0.3.44",
+  "version": "0.3.46",
   "description": "Flanksource Clicky UI — React component library built on shadcn/ui with light/dark and density theming.",
   "homepage": "https://github.com/flanksource/clicky-ui#readme",
   "bugs": "https://github.com/flanksource/clicky-ui/issues",
@@ -160,6 +160,7 @@
     "country-flag-icons": "^1.6.20",
     "dompurify": "^3.4.11",
     "jotai": "^2.20.1",
+    "jsonc-parser": "3.3.1",
     "monaco-yaml": "5.1.1",
     "tailwind-merge": "^3.6.0",
     "yaml": "^2.8.3"
@@ -247,17 +248,18 @@
   },
   "scripts": {
     "dev": "vite dev",
-    "build": "pnpm run build:icons && vite build && node scripts/rewrite-declaration-imports.mjs && pnpm run check:declarations && vite build --mode cjs && node scripts/build-styles.mjs",
+    "build": "pnpm run build:icons && pnpm run check:public-exports && vite build && node scripts/rewrite-declaration-imports.mjs && pnpm run check:declarations && vite build --mode cjs && node scripts/build-styles.mjs",
     "build:icons": "tsx scripts/build-icons.ts",
     "build:icons:force": "tsx scripts/build-icons.ts --force",
     "download:icons": "tsx scripts/download-icons.ts",
     "build:storybook-schemas": "tsx scripts/build-storybook-schemas.ts",
     "check:declarations": "node scripts/check-declarations.mjs",
+    "check:public-exports": "tsc -p tsconfig.public-exports.json",
     "check:expression-exports": "node scripts/check-expression-exports.mjs",
     "vendor:expressions": "tsx scripts/vendor-expressions.ts",
     "vendor:expressions:check": "tsx scripts/vendor-expressions.ts --check",
     "test": "pnpm run build:icons && vitest run",
     "lint": "oxlint -c .oxlintrc.json src --deny-warnings",
-    "check": "pnpm run build:icons && tsc -b --noEmit && pnpm run lint"
+    "check": "pnpm run build:icons && tsc -b --noEmit && pnpm run check:public-exports && pnpm run lint"
   }
 }

package/dist/data/ai/ToolSchemaBrowser.selection-toolbar.cjs

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const button = require("../../components/button.cjs");
-const SegmentedControl = require("../../components/SegmentedControl.cjs");
-const POLICY_OPTIONS = [
-  { id: "auto", label: "Auto" },
-  { id: "ask", label: "Ask" },
-  { id: "deny", label: "Off" },
-  { id: "allow", label: "On" }
-];
-function ToolSelectionStrategyToolbar({
-  selection,
-  onRule
-}) {
-  const [policy, setPolicy] = react.useState("ask");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid shrink-0 gap-1.5 border-b border-border bg-muted px-2 py-1.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium", children: [
-        selection.count,
-        " selected"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: "Saves one grouped permission strategy" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        SegmentedControl.SegmentedControl,
-        {
-          "aria-label": "Selected tools policy",
-          value: policy,
-          options: POLICY_OPTIONS,
-          onChange: setPolicy,
-          size: "sm",
-          className: "min-w-0 flex-1 justify-stretch"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        button.Button,
-        {
-          type: "button",
-          size: "sm",
-          onClick: () => {
-            onRule({
-              name: [...selection.selectedKeys].sort(),
-              policy
-            });
-            selection.clear();
-          },
-          children: "Save strategy"
-        }
-      )
-    ] })
-  ] });
-}
-exports.ToolSelectionStrategyToolbar = ToolSelectionStrategyToolbar;
-//# sourceMappingURL=ToolSchemaBrowser.selection-toolbar.cjs.map

package/dist/data/ai/ToolSchemaBrowser.selection-toolbar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolSchemaBrowser.selection-toolbar.cjs","sources":["../../../src/data/ai/ToolSchemaBrowser.selection-toolbar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport {\n  SegmentedControl,\n  type SegmentedOption,\n} from \"../../components/SegmentedControl\";\nimport type { ListMenuSelection } from \"../../components/use-list-menu-selection\";\nimport type { PermissionRule } from \"../chat/tool-policy\";\nimport type { ToolPolicy } from \"../chat/types\";\n\nconst POLICY_OPTIONS: SegmentedOption<ToolPolicy>[] = [\n  { id: \"auto\", label: \"Auto\" },\n  { id: \"ask\", label: \"Ask\" },\n  { id: \"deny\", label: \"Off\" },\n  { id: \"allow\", label: \"On\" },\n];\n\nexport function ToolSelectionStrategyToolbar({\n  selection,\n  onRule,\n}: {\n  selection: ListMenuSelection;\n  onRule: (rule: PermissionRule) => void;\n}) {\n  const [policy, setPolicy] = useState<ToolPolicy>(\"ask\");\n  return (\n    <div className=\"grid shrink-0 gap-1.5 border-b border-border bg-muted px-2 py-1.5\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <span className=\"text-xs font-medium\">\n          {selection.count} selected\n        </span>\n        <span className=\"text-[10px] text-muted-foreground\">\n          Saves one grouped permission strategy\n        </span>\n      </div>\n      <div className=\"flex items-center gap-1.5\">\n        <SegmentedControl\n          aria-label=\"Selected tools policy\"\n          value={policy}\n          options={POLICY_OPTIONS}\n          onChange={setPolicy}\n          size=\"sm\"\n          className=\"min-w-0 flex-1 justify-stretch\"\n        />\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={() => {\n            onRule({\n              name: [...selection.selectedKeys].sort(),\n              policy,\n            });\n            selection.clear();\n          }}\n        >\n          Save strategy\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","jsxs","jsx","SegmentedControl","Button"],"mappings":";;;;;;AAUA,MAAM,iBAAgD;AAAA,EACpD,EAAE,IAAI,QAAQ,OAAO,OAAA;AAAA,EACrB,EAAE,IAAI,OAAO,OAAO,MAAA;AAAA,EACpB,EAAE,IAAI,QAAQ,OAAO,MAAA;AAAA,EACrB,EAAE,IAAI,SAAS,OAAO,KAAA;AACxB;AAEO,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAqB,KAAK;AACtD,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,qEACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,uBACb,UAAA;AAAA,QAAA,UAAU;AAAA,QAAM;AAAA,MAAA,GACnB;AAAA,MACAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,qCAAoC,UAAA,wCAAA,CAEpD;AAAA,IAAA,GACF;AAAA,IACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAACC,iBAAAA;AAAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO;AAAA,UACP,SAAS;AAAA,UACT,UAAU;AAAA,UACV,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZD,2BAAAA;AAAAA,QAACE,OAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,MAAM;AACb,mBAAO;AAAA,cACL,MAAM,CAAC,GAAG,UAAU,YAAY,EAAE,KAAA;AAAA,cAClC;AAAA,YAAA,CACD;AACD,sBAAU,MAAA;AAAA,UACZ;AAAA,UACD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/data/ai/ToolSchemaBrowser.selection-toolbar.d.ts

@@ -1,7 +0,0 @@
-import { ListMenuSelection } from '../../components/use-list-menu-selection.js';
-import { PermissionRule } from '../chat/tool-policy.js';
-export declare function ToolSelectionStrategyToolbar({ selection, onRule, }: {
-    selection: ListMenuSelection;
-    onRule: (rule: PermissionRule) => void;
-}): import("react").JSX.Element;
-//# sourceMappingURL=ToolSchemaBrowser.selection-toolbar.d.ts.map

package/dist/data/ai/ToolSchemaBrowser.selection-toolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolSchemaBrowser.selection-toolbar.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ToolSchemaBrowser.selection-toolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAU1D,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,MAAM,GACP,EAAE;IACD,SAAS,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CACxC,+BAqCA"}

package/dist/data/ai/ToolSchemaBrowser.selection-toolbar.js

@@ -1,57 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Button } from "../../components/button.js";
-import { SegmentedControl } from "../../components/SegmentedControl.js";
-const POLICY_OPTIONS = [
-  { id: "auto", label: "Auto" },
-  { id: "ask", label: "Ask" },
-  { id: "deny", label: "Off" },
-  { id: "allow", label: "On" }
-];
-function ToolSelectionStrategyToolbar({
-  selection,
-  onRule
-}) {
-  const [policy, setPolicy] = useState("ask");
-  return /* @__PURE__ */ jsxs("div", { className: "grid shrink-0 gap-1.5 border-b border-border bg-muted px-2 py-1.5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium", children: [
-        selection.count,
-        " selected"
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: "Saves one grouped permission strategy" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx(
-        SegmentedControl,
-        {
-          "aria-label": "Selected tools policy",
-          value: policy,
-          options: POLICY_OPTIONS,
-          onChange: setPolicy,
-          size: "sm",
-          className: "min-w-0 flex-1 justify-stretch"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          size: "sm",
-          onClick: () => {
-            onRule({
-              name: [...selection.selectedKeys].sort(),
-              policy
-            });
-            selection.clear();
-          },
-          children: "Save strategy"
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  ToolSelectionStrategyToolbar
-};
-//# sourceMappingURL=ToolSchemaBrowser.selection-toolbar.js.map

package/dist/data/ai/ToolSchemaBrowser.selection-toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolSchemaBrowser.selection-toolbar.js","sources":["../../../src/data/ai/ToolSchemaBrowser.selection-toolbar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport {\n  SegmentedControl,\n  type SegmentedOption,\n} from \"../../components/SegmentedControl\";\nimport type { ListMenuSelection } from \"../../components/use-list-menu-selection\";\nimport type { PermissionRule } from \"../chat/tool-policy\";\nimport type { ToolPolicy } from \"../chat/types\";\n\nconst POLICY_OPTIONS: SegmentedOption<ToolPolicy>[] = [\n  { id: \"auto\", label: \"Auto\" },\n  { id: \"ask\", label: \"Ask\" },\n  { id: \"deny\", label: \"Off\" },\n  { id: \"allow\", label: \"On\" },\n];\n\nexport function ToolSelectionStrategyToolbar({\n  selection,\n  onRule,\n}: {\n  selection: ListMenuSelection;\n  onRule: (rule: PermissionRule) => void;\n}) {\n  const [policy, setPolicy] = useState<ToolPolicy>(\"ask\");\n  return (\n    <div className=\"grid shrink-0 gap-1.5 border-b border-border bg-muted px-2 py-1.5\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <span className=\"text-xs font-medium\">\n          {selection.count} selected\n        </span>\n        <span className=\"text-[10px] text-muted-foreground\">\n          Saves one grouped permission strategy\n        </span>\n      </div>\n      <div className=\"flex items-center gap-1.5\">\n        <SegmentedControl\n          aria-label=\"Selected tools policy\"\n          value={policy}\n          options={POLICY_OPTIONS}\n          onChange={setPolicy}\n          size=\"sm\"\n          className=\"min-w-0 flex-1 justify-stretch\"\n        />\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          onClick={() => {\n            onRule({\n              name: [...selection.selectedKeys].sort(),\n              policy,\n            });\n            selection.clear();\n          }}\n        >\n          Save strategy\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAUA,MAAM,iBAAgD;AAAA,EACpD,EAAE,IAAI,QAAQ,OAAO,OAAA;AAAA,EACrB,EAAE,IAAI,OAAO,OAAO,MAAA;AAAA,EACpB,EAAE,IAAI,QAAQ,OAAO,MAAA;AAAA,EACrB,EAAE,IAAI,SAAS,OAAO,KAAA;AACxB;AAEO,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqB,KAAK;AACtD,SACE,qBAAC,OAAA,EAAI,WAAU,qEACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,MAAA,qBAAC,QAAA,EAAK,WAAU,uBACb,UAAA;AAAA,QAAA,UAAU;AAAA,QAAM;AAAA,MAAA,GACnB;AAAA,MACA,oBAAC,QAAA,EAAK,WAAU,qCAAoC,UAAA,wCAAA,CAEpD;AAAA,IAAA,GACF;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO;AAAA,UACP,SAAS;AAAA,UACT,UAAU;AAAA,UACV,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,MAAM;AACb,mBAAO;AAAA,cACL,MAAM,CAAC,GAAG,UAAU,YAAY,EAAE,KAAA;AAAA,cAClC;AAAA,YAAA,CACD;AACD,sBAAU,MAAA;AAAA,UACZ;AAAA,UACD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/data/runtime/RuntimeBar.context.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const RuntimeBarVariantContext = react.createContext(
-  "segmented"
-);
-exports.RuntimeBarVariantContext = RuntimeBarVariantContext;
-//# sourceMappingURL=RuntimeBar.context.cjs.map

package/dist/data/runtime/RuntimeBar.context.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuntimeBar.context.cjs","sources":["../../../src/data/runtime/RuntimeBar.context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const RuntimeBarVariantContext = createContext<\"combo\" | \"segmented\">(\n  \"segmented\",\n);\n"],"names":["createContext"],"mappings":";;;AAEO,MAAM,2BAA2BA,MAAAA;AAAAA,EACtC;AACF;;"}

package/dist/data/runtime/RuntimeBar.context.d.ts

@@ -1,2 +0,0 @@
-export declare const RuntimeBarVariantContext: import('react').Context<"segmented" | "combo">;
-//# sourceMappingURL=RuntimeBar.context.d.ts.map

package/dist/data/runtime/RuntimeBar.context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuntimeBar.context.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,gDAEpC,CAAC"}

package/dist/data/runtime/RuntimeBar.context.js

@@ -1,8 +0,0 @@
-import { createContext } from "react";
-const RuntimeBarVariantContext = createContext(
-  "segmented"
-);
-export {
-  RuntimeBarVariantContext
-};
-//# sourceMappingURL=RuntimeBar.context.js.map

package/dist/data/runtime/RuntimeBar.context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuntimeBar.context.js","sources":["../../../src/data/runtime/RuntimeBar.context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const RuntimeBarVariantContext = createContext<\"combo\" | \"segmented\">(\n  \"segmented\",\n);\n"],"names":[],"mappings":";AAEO,MAAM,2BAA2B;AAAA,EACtC;AACF;"}