@flanksource/clicky-ui 0.3.5 → 0.3.7

package/dist/data/ai/SessionViewerMenu.cjs

@@ -0,0 +1,190 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
+const Icon = require("../Icon.cjs");
+const sessionCategories = require("./session-categories.cjs");
+const UiDotsVertical = require("../../icons/components/UiDotsVertical.cjs");
+const UiResizeVertical = require("../../icons/components/UiResizeVertical.cjs");
+const UiRows = require("../../icons/components/UiRows.cjs");
+const UiListFlat = require("../../icons/components/UiListFlat.cjs");
+const UiListDashes = require("../../icons/components/UiListDashes.cjs");
+const UiDesktop = require("../../icons/components/UiDesktop.cjs");
+const UiSun = require("../../icons/components/UiSun.cjs");
+const UiMoon = require("../../icons/components/UiMoon.cjs");
+const UiCheck = require("../../icons/components/UiCheck.cjs");
+const DENSITY_OPTIONS = [
+  { value: "compact", icon: UiRows.UiRows, label: "Compact" },
+  { value: "comfortable", icon: UiListFlat.UiListFlat, label: "Comfortable" },
+  { value: "spacious", icon: UiListDashes.UiListDashes, label: "Spacious" }
+];
+const THEME_OPTIONS = [
+  { value: "light", icon: UiSun.UiSun, label: "Light" },
+  { value: "dark", icon: UiMoon.UiMoon, label: "Dark" }
+];
+function SessionViewerMenu({
+  density,
+  onDensityChange,
+  theme,
+  onThemeChange,
+  filters,
+  hiddenCategories,
+  hiddenTools,
+  hiddenSources,
+  onToggleCategory,
+  onToggleTool,
+  onToggleSource,
+  showThinking,
+  onToggleThinking,
+  hasThinking
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenu.DropdownMenu,
+    {
+      icon: UiDotsVertical.UiDotsVertical,
+      hideChevron: true,
+      variant: "ghost",
+      size: "icon",
+      align: "right",
+      title: "Session options",
+      menuLabel: "Session options",
+      menuClassName: "min-w-[14rem] max-h-[70vh] overflow-auto px-1",
+      children: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-popover-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(MenuHeading, { children: "Density" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          RadioRow,
+          {
+            icon: UiResizeVertical.UiResizeVertical,
+            label: "Use page density",
+            active: density === void 0,
+            onSelect: () => onDensityChange(void 0)
+          }
+        ),
+        DENSITY_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+          RadioRow,
+          {
+            icon: option.icon,
+            label: option.label,
+            active: density === option.value,
+            onSelect: () => onDensityChange(option.value)
+          },
+          option.value
+        )),
+        /* @__PURE__ */ jsxRuntime.jsxs(Section, { heading: "Theme", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RadioRow,
+            {
+              icon: UiDesktop.UiDesktop,
+              label: "Use page theme",
+              active: theme === void 0,
+              onSelect: () => onThemeChange(void 0)
+            }
+          ),
+          THEME_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+            RadioRow,
+            {
+              icon: option.icon,
+              label: option.label,
+              active: theme === option.value,
+              onSelect: () => onThemeChange(option.value)
+            },
+            option.value
+          ))
+        ] }),
+        filters.categories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { heading: "Categories", children: filters.categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
+          CheckRow,
+          {
+            label: sessionCategories.CATEGORY_LABELS[category],
+            checked: !hiddenCategories.has(category),
+            onToggle: () => onToggleCategory(category)
+          },
+          category
+        )) }),
+        filters.tools.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { heading: "Tools", children: filters.tools.map((tool) => /* @__PURE__ */ jsxRuntime.jsx(
+          CheckRow,
+          {
+            label: tool.label,
+            checked: !hiddenTools.has(tool.key),
+            onToggle: () => onToggleTool(tool.key)
+          },
+          tool.key
+        )) }),
+        filters.sources.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(Section, { heading: "Source", children: filters.sources.map((source) => /* @__PURE__ */ jsxRuntime.jsx(
+          CheckRow,
+          {
+            label: source,
+            checked: !hiddenSources.has(source),
+            onToggle: () => onToggleSource(source)
+          },
+          source
+        )) }),
+        hasThinking && /* @__PURE__ */ jsxRuntime.jsx(Section, { heading: "Other", children: /* @__PURE__ */ jsxRuntime.jsx(CheckRow, { label: "Reasoning", checked: showThinking, onToggle: onToggleThinking }) })
+      ] })
+    }
+  );
+}
+function MenuHeading({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children });
+}
+function Section({ heading, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 border-t border-border pt-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(MenuHeading, { children: heading }),
+    children
+  ] });
+}
+const ROW_CLASS = "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none";
+function RadioRow({
+  icon,
+  label,
+  active,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitemradio",
+      "aria-checked": active,
+      className: utils.cn(ROW_CLASS, active && "text-foreground"),
+      onClick: onSelect,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "text-sm text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
+        active ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "text-sm text-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block h-4 w-4", "aria-hidden": true })
+      ]
+    }
+  );
+}
+function CheckRow({
+  label,
+  checked,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitemcheckbox",
+      "aria-checked": checked,
+      className: utils.cn(ROW_CLASS, !checked && "text-muted-foreground"),
+      onClick: onToggle,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: utils.cn(
+              "flex h-4 w-4 shrink-0 items-center justify-center rounded border",
+              checked ? "border-primary bg-primary text-primary-foreground" : "border-input"
+            ),
+            children: checked && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "text-[0.7rem]" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
+      ]
+    }
+  );
+}
+exports.SessionViewerMenu = SessionViewerMenu;
+//# sourceMappingURL=SessionViewerMenu.cjs.map

package/dist/data/ai/SessionViewerMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewerMenu.cjs","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { CATEGORY_LABELS, type SessionCategory, type SessionFilters } from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\nconst DENSITY_OPTIONS: Array<{ value: Density; icon: StaticIconComponent; label: string }> = [\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<{ value: SessionThemeOverride; icon: StaticIconComponent; label: string }> = [\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n}\n\n/** The SessionViewer's \"3-dot\" menu: a density override (matching DataTable's\n *  pattern) plus visibility toggles for the captain category / tool / source\n *  facets present in the session. */\nexport function SessionViewerMenu({\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[14rem] max-h-[70vh] overflow-auto px-1\"\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <MenuHeading>Density</MenuHeading>\n          <RadioRow\n            icon={UiResizeVertical}\n            label=\"Use page density\"\n            active={density === undefined}\n            onSelect={() => onDensityChange(undefined)}\n          />\n          {DENSITY_OPTIONS.map((option) => (\n            <RadioRow\n              key={option.value}\n              icon={option.icon}\n              label={option.label}\n              active={density === option.value}\n              onSelect={() => onDensityChange(option.value)}\n            />\n          ))}\n\n          <Section heading=\"Theme\">\n            <RadioRow\n              icon={UiDesktop}\n              label=\"Use page theme\"\n              active={theme === undefined}\n              onSelect={() => onThemeChange(undefined)}\n            />\n            {THEME_OPTIONS.map((option) => (\n              <RadioRow\n                key={option.value}\n                icon={option.icon}\n                label={option.label}\n                active={theme === option.value}\n                onSelect={() => onThemeChange(option.value)}\n              />\n            ))}\n          </Section>\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section heading=\"Other\">\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction MenuHeading({ children }: { children: ReactNode }) {\n  return <div className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground\">{children}</div>;\n}\n\nfunction Section({ heading, children }: { heading: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-1\">\n      <MenuHeading>{heading}</MenuHeading>\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction RadioRow({\n  icon,\n  label,\n  active,\n  onSelect,\n}: {\n  icon: StaticIconComponent;\n  label: string;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemradio\"\n      aria-checked={active}\n      className={cn(ROW_CLASS, active && \"text-foreground\")}\n      onClick={onSelect}\n    >\n      <Icon icon={icon} className=\"text-sm text-muted-foreground\" />\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      {active ? (\n        <Icon icon={UiCheck} className=\"text-sm text-foreground\" />\n      ) : (\n        <span className=\"inline-block h-4 w-4\" aria-hidden />\n      )}\n    </button>\n  );\n}\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-4 w-4 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.7rem]\" />}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":["UiRows","UiListFlat","UiListDashes","UiSun","UiMoon","jsx","DropdownMenu","UiDotsVertical","jsxs","UiResizeVertical","UiDesktop","CATEGORY_LABELS","cn","Icon","UiCheck"],"mappings":"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"}

package/dist/data/ai/SessionViewerMenu.d.ts

@@ -0,0 +1,24 @@
+import { Density } from '../../hooks/use-density';
+import { SessionCategory, SessionFilters } from './session-categories';
+export type SessionThemeOverride = "light" | "dark";
+export interface SessionViewerMenuProps {
+    density: Density | undefined;
+    onDensityChange: (density: Density | undefined) => void;
+    theme: SessionThemeOverride | undefined;
+    onThemeChange: (theme: SessionThemeOverride | undefined) => void;
+    filters: SessionFilters;
+    hiddenCategories: ReadonlySet<SessionCategory>;
+    hiddenTools: ReadonlySet<string>;
+    hiddenSources: ReadonlySet<string>;
+    onToggleCategory: (category: SessionCategory) => void;
+    onToggleTool: (tool: string) => void;
+    onToggleSource: (source: string) => void;
+    showThinking: boolean;
+    onToggleThinking: () => void;
+    hasThinking: boolean;
+}
+/** The SessionViewer's "3-dot" menu: a density override (matching DataTable's
+ *  pattern) plus visibility toggles for the captain category / tool / source
+ *  facets present in the session. */
+export declare function SessionViewerMenu({ density, onDensityChange, theme, onThemeChange, filters, hiddenCategories, hiddenTools, hiddenSources, onToggleCategory, onToggleTool, onToggleSource, showThinking, onToggleThinking, hasThinking, }: SessionViewerMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionViewerMenu.d.ts.map

package/dist/data/ai/SessionViewerMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewerMenu.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAmB,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAElG,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,CAAC;AAapD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,KAAK,EAAE,oBAAoB,GAAG,SAAS,CAAC;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,OAAO,EAAE,cAAc,CAAC;IACxB,gBAAgB,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC/C,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;qCAEqC;AACrC,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,eAAe,EACf,KAAK,EACL,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACZ,EAAE,sBAAsB,2CAiGxB"}

package/dist/data/ai/SessionViewerMenu.js

@@ -0,0 +1,190 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { DropdownMenu } from "../../overlay/DropdownMenu.js";
+import { Icon } from "../Icon.js";
+import { CATEGORY_LABELS } from "./session-categories.js";
+import { UiDotsVertical } from "../../icons/components/UiDotsVertical.js";
+import { UiResizeVertical } from "../../icons/components/UiResizeVertical.js";
+import { UiRows } from "../../icons/components/UiRows.js";
+import { UiListFlat } from "../../icons/components/UiListFlat.js";
+import { UiListDashes } from "../../icons/components/UiListDashes.js";
+import { UiDesktop } from "../../icons/components/UiDesktop.js";
+import { UiSun } from "../../icons/components/UiSun.js";
+import { UiMoon } from "../../icons/components/UiMoon.js";
+import { UiCheck } from "../../icons/components/UiCheck.js";
+const DENSITY_OPTIONS = [
+  { value: "compact", icon: UiRows, label: "Compact" },
+  { value: "comfortable", icon: UiListFlat, label: "Comfortable" },
+  { value: "spacious", icon: UiListDashes, label: "Spacious" }
+];
+const THEME_OPTIONS = [
+  { value: "light", icon: UiSun, label: "Light" },
+  { value: "dark", icon: UiMoon, label: "Dark" }
+];
+function SessionViewerMenu({
+  density,
+  onDensityChange,
+  theme,
+  onThemeChange,
+  filters,
+  hiddenCategories,
+  hiddenTools,
+  hiddenSources,
+  onToggleCategory,
+  onToggleTool,
+  onToggleSource,
+  showThinking,
+  onToggleThinking,
+  hasThinking
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu,
+    {
+      icon: UiDotsVertical,
+      hideChevron: true,
+      variant: "ghost",
+      size: "icon",
+      align: "right",
+      title: "Session options",
+      menuLabel: "Session options",
+      menuClassName: "min-w-[14rem] max-h-[70vh] overflow-auto px-1",
+      children: () => /* @__PURE__ */ jsxs("div", { className: "text-popover-foreground", children: [
+        /* @__PURE__ */ jsx(MenuHeading, { children: "Density" }),
+        /* @__PURE__ */ jsx(
+          RadioRow,
+          {
+            icon: UiResizeVertical,
+            label: "Use page density",
+            active: density === void 0,
+            onSelect: () => onDensityChange(void 0)
+          }
+        ),
+        DENSITY_OPTIONS.map((option) => /* @__PURE__ */ jsx(
+          RadioRow,
+          {
+            icon: option.icon,
+            label: option.label,
+            active: density === option.value,
+            onSelect: () => onDensityChange(option.value)
+          },
+          option.value
+        )),
+        /* @__PURE__ */ jsxs(Section, { heading: "Theme", children: [
+          /* @__PURE__ */ jsx(
+            RadioRow,
+            {
+              icon: UiDesktop,
+              label: "Use page theme",
+              active: theme === void 0,
+              onSelect: () => onThemeChange(void 0)
+            }
+          ),
+          THEME_OPTIONS.map((option) => /* @__PURE__ */ jsx(
+            RadioRow,
+            {
+              icon: option.icon,
+              label: option.label,
+              active: theme === option.value,
+              onSelect: () => onThemeChange(option.value)
+            },
+            option.value
+          ))
+        ] }),
+        filters.categories.length > 0 && /* @__PURE__ */ jsx(Section, { heading: "Categories", children: filters.categories.map((category) => /* @__PURE__ */ jsx(
+          CheckRow,
+          {
+            label: CATEGORY_LABELS[category],
+            checked: !hiddenCategories.has(category),
+            onToggle: () => onToggleCategory(category)
+          },
+          category
+        )) }),
+        filters.tools.length > 0 && /* @__PURE__ */ jsx(Section, { heading: "Tools", children: filters.tools.map((tool) => /* @__PURE__ */ jsx(
+          CheckRow,
+          {
+            label: tool.label,
+            checked: !hiddenTools.has(tool.key),
+            onToggle: () => onToggleTool(tool.key)
+          },
+          tool.key
+        )) }),
+        filters.sources.length > 1 && /* @__PURE__ */ jsx(Section, { heading: "Source", children: filters.sources.map((source) => /* @__PURE__ */ jsx(
+          CheckRow,
+          {
+            label: source,
+            checked: !hiddenSources.has(source),
+            onToggle: () => onToggleSource(source)
+          },
+          source
+        )) }),
+        hasThinking && /* @__PURE__ */ jsx(Section, { heading: "Other", children: /* @__PURE__ */ jsx(CheckRow, { label: "Reasoning", checked: showThinking, onToggle: onToggleThinking }) })
+      ] })
+    }
+  );
+}
+function MenuHeading({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children });
+}
+function Section({ heading, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "mt-1 border-t border-border pt-1", children: [
+    /* @__PURE__ */ jsx(MenuHeading, { children: heading }),
+    children
+  ] });
+}
+const ROW_CLASS = "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none";
+function RadioRow({
+  icon,
+  label,
+  active,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitemradio",
+      "aria-checked": active,
+      className: cn(ROW_CLASS, active && "text-foreground"),
+      onClick: onSelect,
+      children: [
+        /* @__PURE__ */ jsx(Icon, { icon, className: "text-sm text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
+        active ? /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "text-sm text-foreground" }) : /* @__PURE__ */ jsx("span", { className: "inline-block h-4 w-4", "aria-hidden": true })
+      ]
+    }
+  );
+}
+function CheckRow({
+  label,
+  checked,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitemcheckbox",
+      "aria-checked": checked,
+      className: cn(ROW_CLASS, !checked && "text-muted-foreground"),
+      onClick: onToggle,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "flex h-4 w-4 shrink-0 items-center justify-center rounded border",
+              checked ? "border-primary bg-primary text-primary-foreground" : "border-input"
+            ),
+            children: checked && /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "text-[0.7rem]" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
+      ]
+    }
+  );
+}
+export {
+  SessionViewerMenu
+};
+//# sourceMappingURL=SessionViewerMenu.js.map

package/dist/data/ai/SessionViewerMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewerMenu.js","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { CATEGORY_LABELS, type SessionCategory, type SessionFilters } from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\nconst DENSITY_OPTIONS: Array<{ value: Density; icon: StaticIconComponent; label: string }> = [\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<{ value: SessionThemeOverride; icon: StaticIconComponent; label: string }> = [\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n}\n\n/** The SessionViewer's \"3-dot\" menu: a density override (matching DataTable's\n *  pattern) plus visibility toggles for the captain category / tool / source\n *  facets present in the session. */\nexport function SessionViewerMenu({\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[14rem] max-h-[70vh] overflow-auto px-1\"\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <MenuHeading>Density</MenuHeading>\n          <RadioRow\n            icon={UiResizeVertical}\n            label=\"Use page density\"\n            active={density === undefined}\n            onSelect={() => onDensityChange(undefined)}\n          />\n          {DENSITY_OPTIONS.map((option) => (\n            <RadioRow\n              key={option.value}\n              icon={option.icon}\n              label={option.label}\n              active={density === option.value}\n              onSelect={() => onDensityChange(option.value)}\n            />\n          ))}\n\n          <Section heading=\"Theme\">\n            <RadioRow\n              icon={UiDesktop}\n              label=\"Use page theme\"\n              active={theme === undefined}\n              onSelect={() => onThemeChange(undefined)}\n            />\n            {THEME_OPTIONS.map((option) => (\n              <RadioRow\n                key={option.value}\n                icon={option.icon}\n                label={option.label}\n                active={theme === option.value}\n                onSelect={() => onThemeChange(option.value)}\n              />\n            ))}\n          </Section>\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section heading=\"Other\">\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction MenuHeading({ children }: { children: ReactNode }) {\n  return <div className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground\">{children}</div>;\n}\n\nfunction Section({ heading, children }: { heading: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-1\">\n      <MenuHeading>{heading}</MenuHeading>\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction RadioRow({\n  icon,\n  label,\n  active,\n  onSelect,\n}: {\n  icon: StaticIconComponent;\n  label: string;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemradio\"\n      aria-checked={active}\n      className={cn(ROW_CLASS, active && \"text-foreground\")}\n      onClick={onSelect}\n    >\n      <Icon icon={icon} className=\"text-sm text-muted-foreground\" />\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      {active ? (\n        <Icon icon={UiCheck} className=\"text-sm text-foreground\" />\n      ) : (\n        <span className=\"inline-block h-4 w-4\" aria-hidden />\n      )}\n    </button>\n  );\n}\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-4 w-4 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.7rem]\" />}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}