kennel-plugins 0.1.2 → 0.1.4

package/dist/{chunk-454D7WI6.js → chunk-FLSLPC4P.js}

@@ -3752,7 +3752,7 @@ var $ZodObjectJIT = /* @__PURE__ */ $constructor("$ZodObjectJIT", (inst, def) =>
   const _normalized = cached(() => normalizeDef(def));
   const generateFastpass = (shape) => {
     const doc = new Doc(["shape", "payload", "ctx"]);
-    const normalized2 = _normalized.value;
+    const normalized = _normalized.value;
     const parseStr = (key) => {
       const k = esc(key);
       return `shape[${k}]._zod.run({ value: input[${k}], issues: [] }, ctx)`;
@@ -3760,11 +3760,11 @@ var $ZodObjectJIT = /* @__PURE__ */ $constructor("$ZodObjectJIT", (inst, def) =>
     doc.write(`const input = payload.value;`);
     const ids = /* @__PURE__ */ Object.create(null);
     let counter = 0;
-    for (const key of normalized2.keys) {
+    for (const key of normalized.keys) {
       ids[key] = `key_${counter++}`;
     }
     doc.write(`const newResult = {};`);
-    for (const key of normalized2.keys) {
+    for (const key of normalized.keys) {
       const id = ids[key];
       const k = esc(key);
       const schema = shape[key];
@@ -15140,23 +15140,23 @@ function fromJSONSchema(schema, params) {
   if (typeof schema === "boolean") {
     return schema ? z.any() : z.never();
   }
-  let normalized2;
+  let normalized;
   try {
-    normalized2 = JSON.parse(JSON.stringify(schema));
+    normalized = JSON.parse(JSON.stringify(schema));
   } catch {
     throw new Error("fromJSONSchema input is not valid JSON (possibly cyclic); use $defs/$ref for recursive schemas");
   }
-  const version2 = detectVersion(normalized2, params?.defaultTarget);
-  const defs = normalized2.$defs || normalized2.definitions || {};
+  const version2 = detectVersion(normalized, params?.defaultTarget);
+  const defs = normalized.$defs || normalized.definitions || {};
   const ctx = {
     version: version2,
     defs,
     refs: /* @__PURE__ */ new Map(),
     processing: /* @__PURE__ */ new Set(),
-    rootSchema: normalized2,
+    rootSchema: normalized,
     registry: params?.registry ?? globalRegistry
   };
-  return convertSchema(normalized2, ctx);
+  return convertSchema(normalized, ctx);
 }
 
 // ../../node_modules/.bun/zod@4.4.3/node_modules/zod/v4/classic/coerce.js
@@ -15270,13 +15270,6 @@ var project = external_exports.object({
   relativePath: external_exports.string(),
   worktree: external_exports.string()
 });
-var skill = external_exports.object({
-  description: external_exports.string().optional(),
-  name: external_exports.string(),
-  openHref: external_exports.string().optional(),
-  relativePath: external_exports.string(),
-  source: external_exports.enum(["global", "local"])
-});
 var session = external_exports.object({
   client: external_exports.enum(["claude", "codex", "cursor", "opencode", "pi"]),
   href: external_exports.string().optional(),
@@ -15306,6 +15299,7 @@ var workspace = external_exports.object({
 var plugin = external_exports.object({
   count: external_exports.number().optional(),
   error: external_exports.string().optional(),
+  icon: external_exports.object({ paths: external_exports.array(external_exports.string().min(1)).min(1) }).optional(),
   id: external_exports.string(),
   label: external_exports.string()
 });
@@ -15323,7 +15317,6 @@ var folderMetadataSchema = external_exports.object({
   plugins: plugins.optional(),
   projects: items(project),
   sessions: items(session),
-  skills: items(skill).optional(),
   workspace: workspace.optional()
 });
 var collection = coreCollectionSchema;
@@ -15347,7 +15340,6 @@ var metadataSchemas = {
     configWarnings: external_exports.array(external_exports.string()).optional(),
     plugins: plugins.optional()
   }),
-  skills: external_exports.object({ ...folder, skills: items(skill) }),
   // Legacy selectors currently return the complete metadata payload.
   sessions: folderMetadataSchema,
   calendar: folderMetadataSchema,
@@ -15527,7 +15519,7 @@ function url2(value) {
 }
 function tabSection(tab) {
   if (tab === "files") return "notes";
-  if (tab === "projects" || tab === "sessions" || tab === "skills") return tab;
+  if (tab === "projects" || tab === "sessions") return tab;
   return void 0;
 }
 function decodeFolderPathId(id) {
@@ -15579,7 +15571,7 @@ function parseViewerRoute(value) {
       }
     };
   }
-  if (section === "notes" || section === "projects" || section === "sessions" || section === "skills") {
+  if (section === "notes" || section === "projects" || section === "sessions") {
     return { ...route, section };
   }
   if (section === "document" && parts[3]) {
@@ -15872,461 +15864,11 @@ function FilePreviewList({ paths }) {
   return /* @__PURE__ */ jsx5("span", { className: "flex min-w-0 flex-wrap gap-2", children: paths.map((path) => /* @__PURE__ */ jsx5(FilePreview, { path }, path)) });
 }
 
-// ../ui/src/components/folder-filter-bar.tsx
-import { createContext, useContext } from "react";
-import { Check as Check2, Folder, FolderSearch } from "lucide-react";
-
-// ../ui/src/components/badge.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { Slot as SlotPrimitive } from "radix-ui";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var badgeVariants = cva2(
-  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? SlotPrimitive.Slot : "span";
-  return /* @__PURE__ */ jsx6(
-    Comp,
-    {
-      "data-slot": "badge",
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-
-// ../ui/src/components/command.tsx
-import { Command as CommandPrimitive } from "cmdk";
-import { SearchIcon } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-function Command({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(
-    CommandPrimitive,
-    {
-      "data-slot": "command",
-      className: cn(
-        `bg-popover text-popover-foreground flex h-full w-full flex-col
-        overflow-hidden rounded-md`,
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      "data-slot": "command-input-wrapper",
-      className: "flex h-9 items-center gap-2 border-b px-3",
-      children: [
-        /* @__PURE__ */ jsx7(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx7(
-          CommandPrimitive.Input,
-          {
-            "data-slot": "command-input",
-            className: cn(
-              `placeholder:text-muted-foreground flex h-10 w-full rounded-md
-          bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed
-          disabled:opacity-50`,
-              className
-            ),
-            ...props
-          }
-        )
-      ]
-    }
-  );
-}
-function CommandList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(
-    CommandPrimitive.List,
-    {
-      "data-slot": "command-list",
-      className: cn(
-        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandEmpty({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(
-    CommandPrimitive.Empty,
-    {
-      "data-slot": "command-empty",
-      className: "py-6 text-center text-sm",
-      ...props
-    }
-  );
-}
-function CommandGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(
-    CommandPrimitive.Group,
-    {
-      "data-slot": "command-group",
-      className: cn(
-        `text-foreground [&_[cmdk-group-heading]]:text-muted-foreground
-        overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2
-        [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs
-        [&_[cmdk-group-heading]]:font-medium`,
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(
-    CommandPrimitive.Item,
-    {
-      "data-slot": "command-item",
-      className: cn(
-        `data-[selected=true]:bg-accent
-        data-[selected=true]:text-accent-foreground
-        [&_svg:not([class*='text-'])]:text-muted-foreground relative flex
-        cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm
-        outline-hidden select-none data-[disabled=true]:pointer-events-none
-        data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none
-        [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// ../ui/src/components/popover.tsx
-import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx8 } from "react/jsx-runtime";
-function Popover({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
-}
-function PopoverTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
-}
-function PopoverContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx8(
-    PopoverPrimitive.Content,
-    {
-      "data-slot": "popover-content",
-      align,
-      sideOffset,
-      className: cn(
-        `bg-popover text-popover-foreground data-[state=open]:animate-in
-          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-          data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
-          data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2
-          data-[side=left]:slide-in-from-right-2
-          data-[side=right]:slide-in-from-left-2
-          data-[side=top]:slide-in-from-bottom-2 z-50 w-72
-          origin-(--radix-popover-content-transform-origin) rounded-md border
-          p-4 shadow-md outline-hidden`,
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-
-// ../ui/src/components/folder-filter-bar.tsx
-import { Fragment, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-var FolderFilterIconContext = createContext(() => /* @__PURE__ */ jsx9(Folder, { "aria-hidden": "true" }));
-function folderIcon(renderIcon, folder2) {
-  return /* @__PURE__ */ jsx9(
-    "span",
-    {
-      "aria-hidden": "true",
-      className: "inline-flex size-4 shrink-0 items-center justify-center\n        [&>img]:size-full [&>img]:rounded-sm [&>img]:object-contain\n        [&>svg]:size-full",
-      children: renderIcon(folder2)
-    }
-  );
-}
-function FolderFilterBar({
-  allLabel = "All folders",
-  ariaLabel = "Filter by folder",
-  choices,
-  onSelect,
-  selected,
-  total
-}) {
-  const renderIcon = useContext(FolderFilterIconContext);
-  const isSelected = (folder2) => selected.includes(folder2);
-  const toggle = (folder2) => isSelected(folder2) ? onSelect(selected.filter((entry) => entry !== folder2)) : onSelect([...selected, folder2]);
-  return /* @__PURE__ */ jsxs4(Popover, { children: [
-    /* @__PURE__ */ jsx9(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(
-      Button,
-      {
-        "aria-label": ariaLabel,
-        className: "gap-1.5 border-[#dde1dc] bg-white text-[0.82rem]\n            font-medium text-[#4a554b] hover:bg-[#f3f5f2]",
-        size: "sm",
-        type: "button",
-        variant: "outline",
-        children: [
-          /* @__PURE__ */ jsx9(FolderSearch, { "aria-hidden": "true", className: "size-4 text-[#6c7a6d]" }),
-          "Folder",
-          /* @__PURE__ */ jsx9(
-            Badge,
-            {
-              className: "ml-0.5 bg-[#dce8de] px-1.5 text-[#3f6048]",
-              variant: "secondary",
-              children: selected.length > 0 ? selected.length : total
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx9(
-      PopoverContent,
-      {
-        align: "start",
-        className: "w-72 overflow-hidden p-0",
-        sideOffset: 6,
-        children: /* @__PURE__ */ jsxs4(Command, { children: [
-          /* @__PURE__ */ jsx9(CommandInput, { placeholder: "Search folders\u2026" }),
-          /* @__PURE__ */ jsxs4(CommandList, { children: [
-            /* @__PURE__ */ jsx9(CommandEmpty, { children: "No folders match" }),
-            /* @__PURE__ */ jsx9(CommandGroup, { children: /* @__PURE__ */ jsxs4(CommandItem, { onSelect: () => onSelect([]), value: "__all__", children: [
-              /* @__PURE__ */ jsx9(
-                FolderSearch,
-                {
-                  "aria-hidden": "true",
-                  className: "size-4 text-[#6c7a6d]"
-                }
-              ),
-              /* @__PURE__ */ jsx9("span", { children: allLabel }),
-              /* @__PURE__ */ jsx9(
-                "span",
-                {
-                  className: cn(
-                    "ml-auto text-[0.75rem] font-medium",
-                    selected.length === 0 ? "text-[#3f6048]" : "text-[#6c7a6d]"
-                  ),
-                  children: total
-                }
-              ),
-              selected.length === 0 ? /* @__PURE__ */ jsx9(Check2, { "aria-hidden": "true", className: "size-4 text-[#3f6048]" }) : null
-            ] }) }),
-            /* @__PURE__ */ jsx9(CommandGroup, { heading: "Folders", children: choices.map((choice) => {
-              const active = isSelected(choice.folder);
-              return /* @__PURE__ */ jsxs4(
-                CommandItem,
-                {
-                  onSelect: () => toggle(choice.folder),
-                  title: choice.folder,
-                  value: choice.folder,
-                  children: [
-                    folderIcon(renderIcon, choice.folder),
-                    /* @__PURE__ */ jsx9("span", { className: "truncate", children: choice.relativePath === "" ? "This folder" : choice.label }),
-                    /* @__PURE__ */ jsx9(
-                      "span",
-                      {
-                        className: cn(
-                          "ml-auto text-[0.75rem] font-medium",
-                          active ? "text-[#3f6048]" : "text-[#6c7a6d]"
-                        ),
-                        children: choice.count
-                      }
-                    ),
-                    active ? /* @__PURE__ */ jsx9(
-                      Check2,
-                      {
-                        "aria-hidden": "true",
-                        className: "size-4 shrink-0 text-[#3f6048]"
-                      }
-                    ) : null
-                  ]
-                },
-                choice.folder
-              );
-            }) })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-
-// ../ui/src/hooks/use-folder-filter.ts
-import { useCallback as useCallback2, useMemo, useState as useState3 } from "react";
-
-// ../ui/src/lib/folder-filter.ts
-function normalized(value) {
-  return value.replaceAll("\\", "/").replace(/\/+$/, "");
-}
-function folderFilterRelativePath(folder2, rootFolder) {
-  const root = normalized(rootFolder);
-  const candidate = normalized(folder2);
-  if (!root || !candidate) return null;
-  if (candidate === root) return "";
-  if (!candidate.startsWith(`${root}/`)) return null;
-  const relative = candidate.slice(root.length + 1);
-  if (!relative) return null;
-  if (relative.split("/").some((segment) => segment === ".." || segment === "."))
-    return null;
-  return relative;
-}
-function rootLabel(rootFolder) {
-  return normalized(rootFolder).split("/").filter((segment) => Boolean(segment)).at(-1) ?? "This folder";
-}
-function baseName(value) {
-  return normalized(value).split("/").filter((segment) => Boolean(segment)).at(-1) ?? value;
-}
-function folderFilterChoices(items2, rootFolder, getFolder, options) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const item of items2) {
-    const folder2 = getFolder(item);
-    if (!folder2) continue;
-    const contained = folderFilterRelativePath(folder2, rootFolder);
-    if (contained === null && !options?.allowOutside) continue;
-    counts.set(folder2, (counts.get(folder2) ?? 0) + 1);
-  }
-  const choices = [];
-  for (const [folder2, count] of counts) {
-    const contained = folderFilterRelativePath(folder2, rootFolder);
-    const relativePath = contained ?? (options?.allowOutside ? baseName(folder2) : "");
-    choices.push({
-      count,
-      folder: folder2,
-      label: relativePath || rootLabel(rootFolder),
-      relativePath
-    });
-  }
-  return choices.sort((a, b) => {
-    if (a.relativePath === "") return -1;
-    if (b.relativePath === "") return 1;
-    return a.relativePath.localeCompare(b.relativePath);
-  });
-}
-function matchTarget(folder2, target, mode) {
-  if (!folder2) return false;
-  const candidate = normalized(folder2);
-  const goal = normalized(target);
-  if (mode === "subtree")
-    return candidate === goal || candidate.startsWith(`${goal}/`);
-  return candidate === goal;
-}
-function folderFilterMatches(folder2, selected, mode = "exact") {
-  if (selected === null || selected === "") return true;
-  if (Array.isArray(selected)) {
-    if (selected.length === 0) return true;
-    return selected.some((entry) => folderFilterMatches(folder2, entry, mode));
-  }
-  return matchTarget(folder2, selected, mode);
-}
-function applyFolderFilter(input) {
-  const {
-    allowOutside,
-    getFolder,
-    items: items2,
-    mode = "exact",
-    rootFolder,
-    selected
-  } = input;
-  const choices = folderFilterChoices(items2, rootFolder, getFolder, {
-    allowOutside
-  });
-  const rawEntries = selected === null ? [] : Array.isArray(selected) ? selected : [selected];
-  const effectiveSelected = rawEntries.filter(
-    (entry) => items2.some((item) => folderFilterMatches(getFolder(item), entry, mode))
-  );
-  const visibleItems = effectiveSelected.length === 0 ? [...items2] : items2.filter(
-    (item) => folderFilterMatches(getFolder(item), effectiveSelected, mode)
-  );
-  return { choices, effectiveSelected, total: items2.length, visibleItems };
-}
-
-// ../ui/src/hooks/use-folder-filter.ts
-function useFolderFilter(items2, options) {
-  const { allowOutside, getFolder, mode, rootFolder } = options;
-  const [selected, setSelectedState] = useState3(() => {
-    const initial = options.initialFolder;
-    if (initial === null || initial === void 0) return [];
-    return Array.isArray(initial) ? initial : [initial];
-  });
-  const setSelected = useCallback2((folder2) => {
-    setSelectedState(
-      folder2 === null || folder2 === void 0 ? [] : Array.isArray(folder2) ? folder2 : [folder2]
-    );
-  }, []);
-  const toggle = useCallback2((folder2) => {
-    setSelectedState(
-      (current) => current.includes(folder2) ? current.filter((entry) => entry !== folder2) : [...current, folder2]
-    );
-  }, []);
-  const reset = useCallback2(() => setSelectedState([]), []);
-  const result = useMemo(
-    () => applyFolderFilter({
-      allowOutside,
-      getFolder,
-      items: items2,
-      mode,
-      rootFolder,
-      selected
-    }),
-    [allowOutside, getFolder, items2, mode, rootFolder, selected]
-  );
-  return {
-    ...result,
-    selected,
-    setSelected,
-    toggle,
-    reset
-  };
-}
-
 export {
   EntityPage,
   EntityStatus,
   EntityError,
   CopyContextButton,
   FilePreview,
-  FilePreviewList,
-  FolderFilterBar,
-  useFolderFilter
+  FilePreviewList
 };

package/dist/hooks.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+/** Host boundary. The host and plugin must resolve this module once. */
+declare function FolderPathProvider({ folder, children, }: {
+    folder: string;
+    children: ReactNode;
+}): react.FunctionComponentElement<react.ProviderProps<string | undefined>>;
+/** Current viewed folder. This is not a filter selection or a permission check. */
+declare function useFolderPath(): string;
+
+export { FolderPathProvider, useFolderPath };

package/dist/hooks.js

@@ -0,0 +1,22 @@
+import "./chunk-MLKGABMK.js";
+
+// src/hooks.ts
+import { createContext, createElement, useContext } from "react";
+var FolderPathContext = createContext(void 0);
+function FolderPathProvider({
+  folder,
+  children
+}) {
+  return createElement(FolderPathContext.Provider, { value: folder }, children);
+}
+function useFolderPath() {
+  const folder = useContext(FolderPathContext);
+  if (folder === void 0) {
+    throw new Error("useFolderPath must be used inside FolderPathProvider");
+  }
+  return folder;
+}
+export {
+  FolderPathProvider,
+  useFolderPath
+};

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export { CopyContextButton, FilePreview, FilePreviewList, FolderFilterBar, FolderFilterChoice, FolderFilterMode, FolderSelection, PluginPage, PluginPageError, PluginPageStatus, useFolderFilter } from './page.js';
+export { CopyContextButton, FilePreview, FilePreviewList, PluginPage, PluginPageError, PluginPageStatus } from './page.js';
 export { FolderPluginClient, FolderPluginHostActions, FolderPluginViewProps, folderPathId } from './client.js';
 export { ApiError, ApiErrorCode, ApiRouteHandle, ApiRouteSpec, apiError, jsonError, jsonResponse, parseJsonBody, readBoundedBody, runApiRoute, sameOrigin } from './endpoint.js';
 export { FolderPluginContext, FolderPluginData, FolderPluginFailure, FolderPluginInitFile, FolderPluginInitResult, FolderPluginServer } from './server.js';
-export { FolderPluginDataset, FolderPluginDetection, FolderPluginId, FolderPluginManifest, FolderPluginPayload, FolderPluginPayloadError, isPluginPayloadError } from './types.js';
+export { FolderPluginDataset, FolderPluginDetection, FolderPluginIcon, FolderPluginId, FolderPluginManifest, FolderPluginPayload, FolderPluginPayloadError, isPluginPayloadError } from './types.js';
 import 'react';
 import 'class-variance-authority/types';
 import 'class-variance-authority';

package/dist/index.js

@@ -14,10 +14,8 @@ import {
   EntityPage,
   EntityStatus,
   FilePreview,
-  FilePreviewList,
-  FolderFilterBar,
-  useFolderFilter
-} from "./chunk-454D7WI6.js";
+  FilePreviewList
+} from "./chunk-FLSLPC4P.js";
 import {
   folderPathId
 } from "./chunk-STR4VH4C.js";
@@ -33,7 +31,6 @@ export {
   CopyContextButton,
   FilePreview,
   FilePreviewList,
-  FolderFilterBar,
   FolderPluginFailure,
   EntityPage as PluginPage,
   EntityError as PluginPageError,
@@ -46,6 +43,5 @@ export {
   parseJsonBody,
   readBoundedBody,
   runApiRoute,
-  sameOrigin,
-  useFolderFilter
+  sameOrigin
 };

package/dist/page.d.ts

@@ -20,7 +20,7 @@ declare function EntityPage({ header, extra, children, }: {
  */
 declare function EntityStatus({ children }: {
     children: ReactNode;
-}): number | bigint | boolean | react.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}): number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null | undefined;
 /**
  * An error block: plain strings render as a destructive line with an
  * optional retry button; richer nodes pass through untouched.
@@ -28,10 +28,10 @@ declare function EntityStatus({ children }: {
 declare function EntityError({ error, onRetry, }: {
     error: ReactNode;
     onRetry?: () => void;
-}): number | bigint | boolean | react.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}): number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null | undefined;
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: react.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
@@ -80,125 +80,4 @@ declare function FilePreviewList({ paths }: {
     paths: string[];
 }): react.JSX.Element;
 
-/**
- * Generalized folder filtering for lists of items that carry an owning
- * folder path.
- *
- * Pure string/array logic — no React, no DOM, no `node:` builtins — so the
- * exact same helpers power web chips, folder-plugin views, and CLI
- * filtering. The model mirrors the mail plugin's draft selector but is
- * accessor-driven: you hand over your items, a function that reads each
- * item's owning folder, and the viewed root folder; you get back the
- * distinct folder choices (root first, then descendants by relative path,
- * each with a count) and a predicate that decides which items a selection
- * keeps.
- *
- * CLI example (no React):
- *
- * ```ts
- * import {
- *   folderFilterChoices,
- *   folderFilterMatches,
- * } from "@raggle-ai/ui/lib/folder-filter"
- *
- * const choices = folderFilterChoices(items, root, (item) => item.folder)
- * const visible = items.filter((item) =>
- *   folderFilterMatches(item.folder, flags.folder, "subtree"),
- * )
- * ```
- */
-/** How a selected folder applies to an item's owning folder. */
-type FolderFilterMode = "exact" | "subtree";
-/**
- * One clickable chip: a distinct owning folder in the item list. `folder`
- * is the full owning path and the exact filter key (duplicate leaf names
- * stay distinct); `label` is the short display text (basename for the
- * root, relative path for descendants).
- */
-type FolderFilterChoice = {
-    /** Exact owning folder path — the filter key. */
-    folder: string;
-    /** Number of items owned by this folder. */
-    count: number;
-    /** Short display label: basename for the root, relative path for descendants. */
-    label: string;
-    /** Path relative to the viewed root; "" for the root itself. */
-    relativePath: string;
-};
-/**
- * A selection for folder filtering: a single owning folder, several
- * (multi-select — an item passes when any of them matches), or null/
- * empty for "all items". Single-string callers keep working unchanged.
- */
-type FolderSelection = string | readonly string[] | null;
-
-/**
- * Multi-select folder filter as a single "Folder (count)" button. The
- * count badge shows how many folders are selected, or the total when
- * nothing is filtered. The popover holds a searchable command list with
- * an "All folders" row that clears back to everything; every folder row
- * toggles into the selection in real time.
- *
- * Rows are portal-mounted on open (like this repo's Select), so closed
- * dropdown content is not in the SSR/tree — the trigger carries the
- * accessible count instead.
- */
-declare function FolderFilterBar({ allLabel, ariaLabel, choices, onSelect, selected, total, }: {
-    /** Label of the row that clears the selection. */
-    allLabel?: string;
-    /** Accessible name for the filter trigger. */
-    ariaLabel?: string;
-    choices: FolderFilterChoice[];
-    /** All currently selected owning folders; pass [] to show everything. */
-    onSelect: (folders: readonly string[]) => void;
-    /** Currently selected owning folders; empty means "all". */
-    selected: readonly string[];
-    /** Count shown on the trigger while nothing is selected. */
-    total: number;
-}): react.JSX.Element;
-
-type UseFolderFilterOptions<T> = {
-    /** Owning folder of each item; null when the item has none. */
-    getFolder: (item: T) => string | null;
-    /** "exact" keeps the selected folder's items only; "subtree" also keeps descendant items. */
-    mode?: FolderFilterMode;
-    /** Include ancestor/outside folders as chips (see `folderFilterChoices`). */
-    allowOutside?: boolean;
-    /** Folder everything is shown relative to (the viewed root). */
-    rootFolder: string;
-    /** Initial selection (owning folder paths); a selection with no items falls back to all. */
-    initialFolder?: FolderSelection;
-};
-type UseFolderFilterResult<T> = {
-    /** Distinct owning-folder choices with counts, root first. */
-    choices: FolderFilterChoice[];
-    /**
-     * Selection entries that still match items. Empty means "all items" —
-     * either nothing is selected or every selected folder lost its items.
-     */
-    effectiveSelected: readonly string[];
-    /** Raw selection state; entries whose folder has no items left may be stale. */
-    selected: readonly string[];
-    /**
-     * Replace the selection. Pass a single folder, an array of folders (an
-     * item passes when any of them matches), or null/[] to show everything.
-     */
-    setSelected: (folder: FolderSelection) => void;
-    /** Toggle one owning folder in/out of the selection. */
-    toggle: (folder: string) => void;
-    /** Clear the selection back to "all items". */
-    reset: () => void;
-    /** Number of items before filtering — shown on the "All" chip. */
-    total: number;
-    /** Items after applying the effective selection. */
-    visibleItems: T[];
-};
-/**
- * Folder-filter state for a plugin view: pass the items and a folder
- * accessor, get the choices, the reconciled (multi-)selection, and the
- * filtered `visibleItems` in one place. Recomputes only when the items,
- * accessor, root, mode, or selection change.
- */
-declare function useFolderFilter<T>(items: readonly T[], options: UseFolderFilterOptions<T>): UseFolderFilterResult<T>;
-
-export { CopyContextButton, FilePreview, FilePreviewList, FolderFilterBar, type FolderFilterChoice, type FolderFilterMode, type FolderSelection, EntityPage as PluginPage, EntityError as PluginPageError, EntityStatus as PluginPageStatus, useFolderFilter };
+export { CopyContextButton, FilePreview, FilePreviewList, EntityPage as PluginPage, EntityError as PluginPageError, EntityStatus as PluginPageStatus };

package/dist/page.js

@@ -4,10 +4,8 @@ import {
   EntityPage,
   EntityStatus,
   FilePreview,
-  FilePreviewList,
-  FolderFilterBar,
-  useFolderFilter
-} from "./chunk-454D7WI6.js";
+  FilePreviewList
+} from "./chunk-FLSLPC4P.js";
 import "./chunk-STR4VH4C.js";
 import "./chunk-YLSYYX2L.js";
 import "./chunk-MLKGABMK.js";
@@ -15,9 +13,7 @@ export {
   CopyContextButton,
   FilePreview,
   FilePreviewList,
-  FolderFilterBar,
   EntityPage as PluginPage,
   EntityError as PluginPageError,
-  EntityStatus as PluginPageStatus,
-  useFolderFilter
+  EntityStatus as PluginPageStatus
 };

package/dist/types.d.ts

@@ -11,9 +11,16 @@ type ContentIssue = {
      * invalidate content — the file still detects as valid. */
     severity?: "warning";
 };
+/** Plugin-owned SVG path data. No React or page imports are needed for tabs. */
+type FolderPluginIcon = {
+    /** Paths use a 24 × 24 view box and the navigation text color. */
+    paths: string[];
+};
 type FolderPluginManifest = {
     /** Stable identifier used in routes, URLs, and registries. Never a URL segment turned into an import path. */
     id: FolderPluginId;
+    /** Optional plugin-owned navigation icon. Omit for a text-only tab. */
+    icon?: FolderPluginIcon;
     /** Navigation label shown in the folder shell. */
     label: string;
 };
@@ -78,4 +85,4 @@ type FolderPluginPayload<T> = {
 /** True when the decoded data is an in-band error payload. */
 declare function isPluginPayloadError(data: unknown): data is FolderPluginPayloadError;
 
-export { type ContentIssue, type FolderPluginDataset, type FolderPluginDetection, type FolderPluginId, type FolderPluginManifest, type FolderPluginPayload, type FolderPluginPayloadError, isPluginPayloadError };
+export { type ContentIssue, type FolderPluginDataset, type FolderPluginDetection, type FolderPluginIcon, type FolderPluginId, type FolderPluginManifest, type FolderPluginPayload, type FolderPluginPayloadError, isPluginPayloadError };

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "kennel-plugins",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Small shared contract for trusted folder view plugins in the Kennel web viewer.",
   "type": "module",
   "license": "MIT",
@@ -32,6 +32,10 @@
       "types": "./dist/endpoint.d.ts",
       "import": "./dist/endpoint.js"
     },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.js"
+    },
     "./page": {
       "types": "./dist/page.d.ts",
       "import": "./dist/page.js"