@adea-ai/ui 0.84.0 → 0.85.0

package/README.md

@@ -93,6 +93,85 @@ Ctrl/Cmd + arrow moves skip disabled columns without wrapping at the edges.
 After a controlled move settles, focus follows the moved card only when the
 source card owned focus; another focus or pointer action cancels restoration.
 
+`CatalogBrowser` presents a host-owned searchable catalog with ordered category
+groups, discover/installed tabs, bounded group expansion, optional filters and
+supplemental tabs. Give `entries` the full set of detail records so opening an
+item remains stable when a query or tab filters the visible `groups`. The host
+owns catalog verification, filtering, installed state, permission decisions,
+errors, and actions. Selecting an item opens its host-rendered detail and
+returns focus to the originating result when Back is chosen. `CatalogDetail`
+provides the shared item summary/action frame and `CatalogDetailSection` gives
+host-specific permissions or metadata a shared section surface. Supply
+`resultsRegionLabel` and `detailRegionLabel` to name their keyboard-focusable,
+shared `ScrollArea` regions. The results area scrolls notices along with loading,
+empty, and error states even when those states contain no interactive control.
+
+```tsx
+import {
+  CatalogBrowser,
+  CatalogDetail,
+  CatalogDetailSection,
+  type CatalogBrowserEntry,
+  type CatalogBrowserGroup,
+} from '@adea-ai/ui/components/composites/catalog-browser'
+
+const entries: readonly CatalogBrowserEntry<VerifiedPlugin>[] = /* all detail records */ []
+const groups: readonly CatalogBrowserGroup<VerifiedPlugin>[] = /* visible filtered groups */ []
+
+<CatalogBrowser
+  open={open()}
+  tabs={[
+    { id: 'discover', label: 'Discover' },
+    { id: 'installed', label: 'Installed' },
+    { id: 'navigation', label: 'Navigation', kind: 'supplemental' },
+  ]}
+  tab={tab()}
+  tabsLabel="Catalog views"
+  onTabChange={setTab}
+  query={query()}
+  onQueryChange={setQuery}
+  searchLabel="Search catalog"
+  searchPlaceholder="Search applications"
+  resultsRegionLabel="Catalog results"
+  resultCount={visibleCount()}
+  resultLabel={(count) => `${count} applications`}
+  loadingLabel="Loading catalog"
+  status={catalogStatus()}
+  catalogError={catalogError()}
+  emptyState={emptyState()}
+  groups={groups}
+  entries={entries}
+  selectedId={selectedId()}
+  onSelect={(plugin) => setSelectedId(plugin.id)}
+  onBack={() => setSelectedId(null)}
+  backLabel="Back to catalog"
+  detailRegionLabel="Application details"
+  installedLabel="Installed"
+  publishedByLabel={(publisher) => `Published by ${publisher}`}
+  showMoreLabel={(hidden) => `See ${hidden[0]?.name} and more`}
+  showLessLabel="Show less"
+  renderIcon={(plugin) => <PluginIcon plugin={plugin} />}
+  renderDetail={(plugin) => (
+    <CatalogDetail
+      title={plugin.name}
+      description={plugin.description}
+      category={plugin.category}
+      publisher={plugin.publisher}
+      publishedByLabel={(publisher) => `Published by ${publisher}`}
+      action={<InstallButton plugin={plugin} />}
+    >
+      <CatalogDetailSection title="Permissions">
+        <PluginPermissions plugin={plugin} />
+      </CatalogDetailSection>
+    </CatalogDetail>
+  )}
+  renderSupplementalView={(id) => (id === 'navigation' ? <NavigationSettings /> : undefined)}
+/>
+```
+
+The `CatalogBrowser` story demonstrates category expansion, search, separate
+installed content, a supplemental navigation surface, and host-provided details.
+
 Tailwind ignores dependency directories by default. Register the component
 directories your application uses in its stylesheet, relative to that stylesheet:
 

package/dist/NOTICE

@@ -390,3 +390,29 @@ Redux and Framer Motion ownership. Relevant test contracts come from
 `website/src/test/rowDisclosure.test.tsx`; compiled and Solid packed consumers are
 exercised in headless Chromium, WebKit and native Node SSR. Full runtime projection,
 durable application storage and production Chat adoption remain host-owned gates.
+
+## Catalog browser translated from KiroCrew (issue #425 selected unit)
+
+`packages/ui/src/components/composites/catalog-browser/` translates the
+category, search, discover/installed, result-detail and focus-return composition
+from `website/src/pages/apps/DiscoverPage.tsx` and
+`website/src/components/appstore/CategoryRail.tsx`, pinned at KiroCrew revision
+`283e136c0f902e965a535a7c9548c57c7504fed0`.
+
+    Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+    This product includes software developed at Amazon.com, Inc.
+    (https://www.amazon.com/). Licensed under the Apache License, Version 2.0.
+
+The translated presentation keeps stable host-ordered categories, discover and
+installed views, bounded category expansion, native search, item details, and
+focus return to the selected result. `CatalogDetail` supplies a shared summary,
+action and section frame; hosts own verified records, filtering, installed
+truth, permissions, recovery, install effects and detail copy. The nearest
+donor behavior tests are `website/playwright/apps.spec.ts` and
+`website/src/test/appstoreCategories.test.ts`.
+
+KiroCrew's React/runtime, catalog transport, account and entitlement state,
+installation/execution authority, provider data and app-specific services are
+excluded. Its distinct `/apps/library` core-app launchpad is also excluded:
+this selected unit is the external verified plugin marketplace adapter, while
+Adea's #757 App Library remains a separate core-view and rail-management flow.

package/dist/components/composites/catalog-browser/catalog-browser-group.d.ts

@@ -0,0 +1,20 @@
+import { type JSX } from 'solid-js';
+import type { CatalogBrowserEntry, CatalogBrowserGroup as CatalogGroup } from './catalog-types';
+export declare function CatalogLoadingState(props: {
+    label: string;
+}): JSX.Element;
+export declare function CatalogBrowserGroup<Value>(props: {
+    group: CatalogGroup<Value>;
+    expanded: boolean;
+    previewCount: number;
+    disabled: boolean;
+    installedLabel: string;
+    publishedByLabel: (publisher: string) => string;
+    showMoreLabel: (entries: readonly CatalogBrowserEntry<Value>[], remainingCount: number) => string;
+    showLessLabel: string;
+    renderIcon: (value: Value) => JSX.Element;
+    onSelect: (entry: CatalogBrowserEntry<Value>, key: string) => void;
+    onRef: (key: string, element: HTMLButtonElement | undefined) => void;
+    onToggle: (id: string) => void;
+}): JSX.Element;
+//# sourceMappingURL=catalog-browser-group.d.ts.map

package/dist/components/composites/catalog-browser/catalog-browser-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-browser-group.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/catalog-browser/catalog-browser-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAMzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE/F,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,eAqB3D;AAiDD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE;IAChD,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IAC/C,aAAa,EAAE,CAAC,OAAO,EAAE,SAAS,mBAAmB,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,MAAM,KAAK,MAAM,CAAA;IACjG,aAAa,EAAE,MAAM,CAAA;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAA;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAA;IACpE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,eAwDA"}

package/dist/components/composites/catalog-browser/catalog-browser-group.js

@@ -0,0 +1,195 @@
+import { Badge } from "../../ui/badge/badge.js";
+import { Button } from "../../ui/button/button.js";
+import { Skeleton } from "../../ui/skeleton/skeleton.js";
+import { keyedRows } from "../../../lib/keyed-rows.js";
+import { createComponent, effect, insert, memo, setAttribute, template } from "solid-js/web";
+import { ChevronDown, ChevronRight, ChevronUp } from "lucide-solid";
+import { For, Show, createUniqueId, onCleanup } from "solid-js";
+//#region src/components/composites/catalog-browser/catalog-browser-group.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="grid min-w-0 grid-cols-1 gap-3 md:grid-cols-2"aria-busy=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class="flex min-w-0 items-center gap-3 rounded-xl border border-border p-3"><div class="grid min-w-0 flex-1 gap-2">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class=shrink-0>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span class="flex min-w-0 flex-1 flex-col gap-1 text-left"><span class="flex min-w-0 flex-wrap items-center gap-2"><strong class="min-w-0 truncate"></strong></span><span class="text-muted-foreground line-clamp-2 text-xs"></span><span class="text-muted-foreground truncate text-2xs"> · `);
+var _tmpl$5 = /*#__PURE__*/ template(`<section class="grid min-w-0 gap-2"><header class="flex min-w-0 items-center gap-2"><h3 class="min-w-0 flex-1 truncate text-sm font-semibold"></h3></header><div class="grid min-w-0 grid-cols-1 gap-2 md:grid-cols-2">`);
+function CatalogLoadingState(props) {
+	return (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, createComponent(For, {
+			each: [
+				0,
+				1,
+				2,
+				3,
+				4,
+				5,
+				6
+			],
+			children: () => (() => {
+				var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+				insert(_el$2, createComponent(Skeleton, { "class": "size-9 shrink-0" }), _el$3);
+				insert(_el$3, createComponent(Skeleton, { "class": "h-4 w-2/5" }), null);
+				insert(_el$3, createComponent(Skeleton, { "class": "h-3 w-4/5" }), null);
+				insert(_el$3, createComponent(Skeleton, { "class": "h-3 w-3/5" }), null);
+				return _el$2;
+			})()
+		}));
+		effect(() => setAttribute(_el$, "aria-label", props.label));
+		return _el$;
+	})();
+}
+function CatalogBrowserRow(props) {
+	const key = JSON.stringify([props.groupId, props.entry.id]);
+	let element;
+	onCleanup(() => {
+		if (element) props.onRef(key, void 0);
+	});
+	return createComponent(Button, {
+		ref: (node) => {
+			element = node;
+			props.onRef(key, node);
+		},
+		get ["data-catalog-entry-id"]() {
+			return props.entry.id;
+		},
+		variant: "outline",
+		size: "lg",
+		"class": "h-auto min-h-row-lg w-full min-w-0 justify-start gap-3 whitespace-normal",
+		get disabled() {
+			return props.disabled;
+		},
+		onClick: () => props.onSelect(props.entry, key),
+		get children() {
+			return [
+				(() => {
+					var _el$4 = _tmpl$3();
+					insert(_el$4, () => props.renderIcon(props.entry.value));
+					return _el$4;
+				})(),
+				(() => {
+					var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$6.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild;
+					insert(_el$7, () => props.entry.name);
+					insert(_el$6, createComponent(Show, {
+						get when() {
+							return props.entry.installed;
+						},
+						get children() {
+							return createComponent(Badge, {
+								variant: "secondary",
+								get children() {
+									return props.installedLabel;
+								}
+							});
+						}
+					}), null);
+					insert(_el$8, () => props.entry.description);
+					insert(_el$9, () => props.publishedByLabel(props.entry.publisher), _el$0);
+					insert(_el$9, () => props.entry.category, null);
+					return _el$5;
+				})(),
+				createComponent(ChevronRight, { "aria-hidden": "true" })
+			];
+		}
+	});
+}
+function CatalogBrowserGroup(props) {
+	const headingId = `catalog-browser-group-${createUniqueId()}`;
+	const listId = `catalog-browser-items-${createUniqueId()}`;
+	const hidden = () => props.group.entries.slice(props.previewCount);
+	const preview = () => props.expanded ? props.group.entries : props.group.entries.slice(0, props.previewCount);
+	const rows = keyedRows(preview, (entry) => entry.id);
+	return (() => {
+		var _el$1 = _tmpl$5(), _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling;
+		setAttribute(_el$1, "aria-labelledby", headingId);
+		setAttribute(_el$11, "id", headingId);
+		insert(_el$11, () => props.group.label);
+		insert(_el$10, createComponent(Badge, {
+			variant: "outline",
+			get children() {
+				return props.group.entries.length;
+			}
+		}), null);
+		setAttribute(_el$12, "id", listId);
+		insert(_el$12, createComponent(For, {
+			get each() {
+				return rows();
+			},
+			children: (row) => createComponent(CatalogBrowserRow, {
+				get entry() {
+					return row.item();
+				},
+				get groupId() {
+					return props.group.id;
+				},
+				get installedLabel() {
+					return props.installedLabel;
+				},
+				get publishedByLabel() {
+					return props.publishedByLabel;
+				},
+				get disabled() {
+					return props.disabled;
+				},
+				get renderIcon() {
+					return props.renderIcon;
+				},
+				get onSelect() {
+					return props.onSelect;
+				},
+				get onRef() {
+					return props.onRef;
+				}
+			})
+		}));
+		insert(_el$1, createComponent(Show, {
+			get when() {
+				return hidden().length > 0;
+			},
+			get children() {
+				return createComponent(Button, {
+					variant: "ghost",
+					size: "lg",
+					get disabled() {
+						return props.disabled;
+					},
+					get ["aria-expanded"]() {
+						return props.expanded;
+					},
+					"aria-controls": listId,
+					onClick: () => props.onToggle(props.group.id),
+					get children() {
+						return createComponent(Show, {
+							get when() {
+								return props.expanded;
+							},
+							get fallback() {
+								return [
+									memo(() => props.showMoreLabel(hidden(), hidden().length)),
+									" ",
+									createComponent(ChevronDown, {
+										"data-icon": "inline-end",
+										"aria-hidden": "true"
+									})
+								];
+							},
+							get children() {
+								return [
+									memo(() => props.showLessLabel),
+									" ",
+									createComponent(ChevronUp, {
+										"data-icon": "inline-end",
+										"aria-hidden": "true"
+									})
+								];
+							}
+						});
+					}
+				});
+			}
+		}), null);
+		return _el$1;
+	})();
+}
+//#endregion
+export { CatalogBrowserGroup, CatalogLoadingState };
+
+//# sourceMappingURL=catalog-browser-group.js.map

package/dist/components/composites/catalog-browser/catalog-browser-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-browser-group.js","names":["createUniqueId","For","onCleanup","Show","JSX","ChevronDown","ChevronRight","ChevronUp","keyedRows","Badge","Button","Skeleton","CatalogBrowserEntry","CatalogBrowserGroup","CatalogGroup","CatalogLoadingState","props","label","_el$","_tmpl$","_$insert","_$createComponent","each","children","_el$2","_tmpl$2","_el$3","firstChild","_$effect","_$setAttribute","CatalogBrowserRow","entry","Value","groupId","installedLabel","publishedByLabel","publisher","disabled","renderIcon","value","Element","onSelect","key","onRef","element","HTMLButtonElement","JSON","stringify","id","undefined","ref","node","data-catalog-entry-id","variant","size","onClick","_el$4","_tmpl$3","_el$5","_tmpl$4","_el$6","_el$7","_el$8","nextSibling","_el$9","_el$0","name","when","installed","description","category","group","expanded","previewCount","showMoreLabel","entries","remainingCount","showLessLabel","onToggle","headingId","listId","hidden","slice","preview","rows","_el$1","_tmpl$5","_el$10","_el$11","_el$12","length","row","item","aria-expanded","fallback","_$memo","_$createComponent","_$setAttribute","_$memo"],"sources":["../../../../src/components/composites/catalog-browser/catalog-browser-group.tsx"],"sourcesContent":["import { createUniqueId, For, onCleanup, Show, type JSX } from 'solid-js'\nimport { ChevronDown, ChevronRight, ChevronUp } from 'lucide-solid'\nimport { keyedRows } from '#lib/keyed-rows'\nimport { Badge } from '../../ui/badge'\nimport { Button } from '../../ui/button'\nimport { Skeleton } from '../../ui/skeleton'\nimport type { CatalogBrowserEntry, CatalogBrowserGroup as CatalogGroup } from './catalog-types'\n\nexport function CatalogLoadingState(props: { label: string }) {\n  return (\n    <div\n      class=\"grid min-w-0 grid-cols-1 gap-3 md:grid-cols-2\"\n      aria-busy=\"true\"\n      aria-label={props.label}\n    >\n      <For each={[0, 1, 2, 3, 4, 5, 6]}>\n        {() => (\n          <div class=\"flex min-w-0 items-center gap-3 rounded-xl border border-border p-3\">\n            <Skeleton class=\"size-9 shrink-0\" />\n            <div class=\"grid min-w-0 flex-1 gap-2\">\n              <Skeleton class=\"h-4 w-2/5\" />\n              <Skeleton class=\"h-3 w-4/5\" />\n              <Skeleton class=\"h-3 w-3/5\" />\n            </div>\n          </div>\n        )}\n      </For>\n    </div>\n  )\n}\n\nfunction CatalogBrowserRow<Value>(props: {\n  entry: CatalogBrowserEntry<Value>\n  groupId: string\n  installedLabel: string\n  publishedByLabel: (publisher: string) => string\n  disabled: boolean\n  renderIcon: (value: Value) => JSX.Element\n  onSelect: (entry: CatalogBrowserEntry<Value>, key: string) => void\n  onRef: (key: string, element: HTMLButtonElement | undefined) => void\n}) {\n  const key = JSON.stringify([props.groupId, props.entry.id])\n  let element: HTMLButtonElement | undefined\n  onCleanup(() => {\n    if (element) props.onRef(key, undefined)\n  })\n\n  return (\n    <Button\n      ref={(node) => {\n        element = node\n        props.onRef(key, node)\n      }}\n      data-catalog-entry-id={props.entry.id}\n      variant=\"outline\"\n      size=\"lg\"\n      class=\"h-auto min-h-row-lg w-full min-w-0 justify-start gap-3 whitespace-normal\"\n      disabled={props.disabled}\n      onClick={() => props.onSelect(props.entry, key)}\n    >\n      <span class=\"shrink-0\">{props.renderIcon(props.entry.value)}</span>\n      <span class=\"flex min-w-0 flex-1 flex-col gap-1 text-left\">\n        <span class=\"flex min-w-0 flex-wrap items-center gap-2\">\n          <strong class=\"min-w-0 truncate\">{props.entry.name}</strong>\n          <Show when={props.entry.installed}>\n            <Badge variant=\"secondary\">{props.installedLabel}</Badge>\n          </Show>\n        </span>\n        <span class=\"text-muted-foreground line-clamp-2 text-xs\">{props.entry.description}</span>\n        <span class=\"text-muted-foreground truncate text-2xs\">\n          {props.publishedByLabel(props.entry.publisher)} · {props.entry.category}\n        </span>\n      </span>\n      <ChevronRight aria-hidden=\"true\" />\n    </Button>\n  )\n}\n\nexport function CatalogBrowserGroup<Value>(props: {\n  group: CatalogGroup<Value>\n  expanded: boolean\n  previewCount: number\n  disabled: boolean\n  installedLabel: string\n  publishedByLabel: (publisher: string) => string\n  showMoreLabel: (entries: readonly CatalogBrowserEntry<Value>[], remainingCount: number) => string\n  showLessLabel: string\n  renderIcon: (value: Value) => JSX.Element\n  onSelect: (entry: CatalogBrowserEntry<Value>, key: string) => void\n  onRef: (key: string, element: HTMLButtonElement | undefined) => void\n  onToggle: (id: string) => void\n}) {\n  const headingId = `catalog-browser-group-${createUniqueId()}`\n  const listId = `catalog-browser-items-${createUniqueId()}`\n  const hidden = () => props.group.entries.slice(props.previewCount)\n  const preview = () =>\n    props.expanded ? props.group.entries : props.group.entries.slice(0, props.previewCount)\n  const rows = keyedRows(preview, (entry) => entry.id)\n\n  return (\n    <section class=\"grid min-w-0 gap-2\" aria-labelledby={headingId}>\n      <header class=\"flex min-w-0 items-center gap-2\">\n        <h3 id={headingId} class=\"min-w-0 flex-1 truncate text-sm font-semibold\">\n          {props.group.label}\n        </h3>\n        <Badge variant=\"outline\">{props.group.entries.length}</Badge>\n      </header>\n      <div id={listId} class=\"grid min-w-0 grid-cols-1 gap-2 md:grid-cols-2\">\n        <For each={rows()}>\n          {(row) => (\n            <CatalogBrowserRow\n              entry={row.item()}\n              groupId={props.group.id}\n              installedLabel={props.installedLabel}\n              publishedByLabel={props.publishedByLabel}\n              disabled={props.disabled}\n              renderIcon={props.renderIcon}\n              onSelect={props.onSelect}\n              onRef={props.onRef}\n            />\n          )}\n        </For>\n      </div>\n      <Show when={hidden().length > 0}>\n        <Button\n          variant=\"ghost\"\n          size=\"lg\"\n          disabled={props.disabled}\n          aria-expanded={props.expanded}\n          aria-controls={listId}\n          onClick={() => props.onToggle(props.group.id)}\n        >\n          <Show\n            when={props.expanded}\n            fallback={\n              <>\n                {props.showMoreLabel(hidden(), hidden().length)}{' '}\n                <ChevronDown data-icon=\"inline-end\" aria-hidden=\"true\" />\n              </>\n            }\n          >\n            {props.showLessLabel} <ChevronUp data-icon=\"inline-end\" aria-hidden=\"true\" />\n          </Show>\n        </Button>\n      </Show>\n    </section>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/catalog-browser/catalog-browser.d.ts

@@ -0,0 +1,3 @@
+import type { CatalogBrowserProps } from './catalog-types';
+export declare function CatalogBrowser<Value>(props: CatalogBrowserProps<Value>): import("solid-js").JSX.Element;
+//# sourceMappingURL=catalog-browser.d.ts.map

package/dist/components/composites/catalog-browser/catalog-browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-browser.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/catalog-browser/catalog-browser.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAE1D,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,kCA8OtE"}