@nospt/plugin-dev-ai-hub 0.2.3 → 0.3.0

package/dist/components/AiResourcesPage/ResourceDetailPanel.esm.js

@@ -0,0 +1,234 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import ReactMarkdown from 'react-markdown';
+import { Flex, Box, Text, ButtonIcon, Button, Skeleton, Link } from '@backstage/ui';
+import { RiCloseLine, RiEyeLine, RiInstallLine, RiFileCopyLine, RiDownloadLine, RiExternalLinkLine } from '@remixicon/react';
+import { useApi } from '@backstage/core-plugin-api';
+import { getBodyShape, hasCopyableBody, hasDownloadableArtifact } from '@nospt/plugin-dev-ai-hub-common';
+import { devAiHubResourceApiRef } from '../../api/DevAiHubResourceClient.esm.js';
+import { useResourceBody } from '../../hooks/useResourceBody.esm.js';
+import { useTelemetryCounts } from '../../hooks/useTelemetryCounts.esm.js';
+import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
+import { ResourceInstallDialog } from './ResourceInstallDialog.esm.js';
+import { getTypeMeta, frameworkLabel } from './typeMeta.esm.js';
+import styles from './ResourceDetailPanel.module.css.esm.js';
+
+function ResourceDetailPanel({
+  resource: resourceProp,
+  onClose
+}) {
+  const isOpen = !!resourceProp;
+  const [displayResource, setDisplayResource] = useState(resourceProp);
+  useEffect(() => {
+    if (resourceProp) setDisplayResource(resourceProp);
+  }, [resourceProp]);
+  const api = useApi(devAiHubResourceApiRef);
+  const actionable = !!displayResource?.sourceLocation;
+  const bodyState = useResourceBody(displayResource?.entityRef, actionable);
+  const counts = useTelemetryCounts(displayResource?.entityRef);
+  const [installOpen, setInstallOpen] = useState(false);
+  const [copied, setCopied] = useState(false);
+  if (!displayResource) return null;
+  const resource = displayResource;
+  const meta = getTypeMeta(resource.type);
+  const bodyShape = getBodyShape(resource.type);
+  const handleCopy = async () => {
+    if (!bodyState.body) return;
+    await navigator.clipboard.writeText(bodyState.body.content);
+    api.track(resource.entityRef, "copy");
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  const handleDownload = () => {
+    api.track(resource.entityRef, "download");
+    return api.downloadEntityBody(resource.entityRef);
+  };
+  const handleInstall = () => {
+    api.track(resource.entityRef, "install");
+    setInstallOpen(true);
+  };
+  const metadataRows = [
+    ["Type", meta.label],
+    ["Lifecycle", resource.lifecycle || void 0],
+    ["Owner", resource.owner],
+    ["Version", resource.version],
+    ["Entity ref", resource.entityRef]
+  ];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: styles.overlay,
+        "data-open": isOpen,
+        onClick: onClose,
+        role: "presentation",
+        "aria-hidden": !isOpen
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: styles.drawer,
+        "data-open": isOpen,
+        style: { "--drawer-accent": meta.color },
+        role: "dialog",
+        "aria-label": resource.title ?? resource.name,
+        "aria-hidden": !isOpen,
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { className: styles.header, children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: styles.iconBox,
+                style: {
+                  "--card-accent": meta.color,
+                  "--card-accent-bg": meta.colorBg
+                },
+                children: /* @__PURE__ */ jsx(meta.Icon, { size: 20 })
+              }
+            ),
+            /* @__PURE__ */ jsxs(Box, { className: styles.headerText, children: [
+              /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", as: "h2", children: resource.title ?? resource.name }),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  variant: "body-x-small",
+                  style: { color: meta.color, fontWeight: 600 },
+                  children: meta.label
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              ButtonIcon,
+              {
+                icon: /* @__PURE__ */ jsx(RiCloseLine, {}),
+                variant: "tertiary",
+                onClick: onClose,
+                "aria-label": "Close"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: styles.body, children: [
+            resource.description && /* @__PURE__ */ jsx(Text, { variant: "body-small", as: "p", children: resource.description }),
+            (!!counts?.view || !!counts?.install) && /* @__PURE__ */ jsxs("div", { className: styles.statsRow, children: [
+              !!counts?.view && /* @__PURE__ */ jsxs("span", { className: styles.statItem, children: [
+                /* @__PURE__ */ jsx(RiEyeLine, { size: 14 }),
+                " ",
+                counts.view,
+                " views"
+              ] }),
+              !!counts?.install && /* @__PURE__ */ jsxs("span", { className: styles.statItem, children: [
+                /* @__PURE__ */ jsx(RiInstallLine, { size: 14 }),
+                " ",
+                counts.install,
+                " installs"
+              ] })
+            ] }),
+            actionable && /* @__PURE__ */ jsxs("div", { className: styles.actions, children: [
+              hasCopyableBody(resource.type) && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "secondary",
+                  iconStart: /* @__PURE__ */ jsx(RiFileCopyLine, {}),
+                  isDisabled: !bodyState.body,
+                  onPress: handleCopy,
+                  children: copied ? "Copied!" : "Copy"
+                }
+              ),
+              hasDownloadableArtifact(resource.type) && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "secondary",
+                  iconStart: /* @__PURE__ */ jsx(RiDownloadLine, {}),
+                  onPress: handleDownload,
+                  children: "Download"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "primary",
+                  iconStart: /* @__PURE__ */ jsx(RiInstallLine, {}),
+                  onPress: handleInstall,
+                  children: "Install"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: styles.section, children: [
+              /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", weight: "bold", children: "Content" }),
+              !actionable && /* @__PURE__ */ jsx(Text, { variant: "body-small", as: "p", color: "secondary", children: "No content location published for this resource." }),
+              actionable && bodyState.loading && /* @__PURE__ */ jsxs("div", { className: styles.bodyLoading, children: [
+                /* @__PURE__ */ jsx(Skeleton, { width: "100%", height: 14 }),
+                /* @__PURE__ */ jsx(Skeleton, { width: "85%", height: 14 }),
+                /* @__PURE__ */ jsx(Skeleton, { width: "60%", height: 14 })
+              ] }),
+              actionable && bodyState.error === "not-found" && /* @__PURE__ */ jsx(Text, { variant: "body-small", as: "p", color: "secondary", children: "Content not available \u2014 it may have been removed, or you may not have access to it." }),
+              actionable && bodyState.error === "upstream" && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+                /* @__PURE__ */ jsx(Text, { variant: "body-small", as: "p", color: "secondary", children: "Couldn\u2019t fetch the content from its source." }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "small",
+                    variant: "tertiary",
+                    onPress: bodyState.retry,
+                    children: "Retry"
+                  }
+                )
+              ] }),
+              bodyState.body && bodyShape === "json" && /* @__PURE__ */ jsx("pre", { className: styles.codeBlock, children: /* @__PURE__ */ jsx("code", { children: bodyState.body.content }) }),
+              bodyState.body && bodyShape === "markdown" && /* @__PURE__ */ jsx("div", { className: styles.markdown, children: /* @__PURE__ */ jsx(ReactMarkdown, { children: bodyState.body.content }) })
+            ] }),
+            resource.frameworks.length > 0 && /* @__PURE__ */ jsxs("div", { className: styles.section, children: [
+              /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", weight: "bold", children: "Works with" }),
+              /* @__PURE__ */ jsx("div", { className: styles.badges, children: resource.frameworks.map((f) => /* @__PURE__ */ jsxs("span", { className: styles.frameworkBadge, children: [
+                /* @__PURE__ */ jsx(ToolIcon, { tool: f, size: 14 }),
+                frameworkLabel(f)
+              ] }, f)) })
+            ] }),
+            resource.tags.length > 0 && /* @__PURE__ */ jsxs("div", { className: styles.section, children: [
+              /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", weight: "bold", children: "Tags" }),
+              /* @__PURE__ */ jsx("div", { className: styles.badges, children: resource.tags.map((t) => /* @__PURE__ */ jsxs("span", { className: styles.tag, children: [
+                "#",
+                t
+              ] }, t)) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: styles.section, children: [
+              /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", weight: "bold", children: "Metadata" }),
+              /* @__PURE__ */ jsx("dl", { className: styles.metaList, children: metadataRows.filter(([, v]) => v).map(([k, v]) => /* @__PURE__ */ jsxs("div", { className: styles.metaRow, children: [
+                /* @__PURE__ */ jsx("dt", { children: k }),
+                /* @__PURE__ */ jsx("dd", { children: v })
+              ] }, k)) })
+            ] }),
+            resource.sourceLocation && /* @__PURE__ */ jsx("div", { className: styles.section, children: /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: resource.sourceLocation.replace(/^url:/, ""),
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: /* @__PURE__ */ jsxs("span", { className: styles.sourceLinkContent, children: [
+                  /* @__PURE__ */ jsx(RiExternalLinkLine, { size: 14 }),
+                  " View source"
+                ] })
+              }
+            ) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ResourceInstallDialog,
+      {
+        resource,
+        body: bodyState.body,
+        isOpen: installOpen,
+        onOpenChange: setInstallOpen
+      }
+    )
+  ] });
+}
+
+export { ResourceDetailPanel };
+//# sourceMappingURL=ResourceDetailPanel.esm.js.map

package/dist/components/AiResourcesPage/ResourceDetailPanel.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceDetailPanel.esm.js","sources":["../../../src/components/AiResourcesPage/ResourceDetailPanel.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport ReactMarkdown from 'react-markdown';\nimport {\n  Box,\n  Button,\n  ButtonIcon,\n  Flex,\n  Link,\n  Skeleton,\n  Text,\n} from '@backstage/ui';\nimport {\n  RiCloseLine,\n  RiDownloadLine,\n  RiExternalLinkLine,\n  RiEyeLine,\n  RiFileCopyLine,\n  RiInstallLine,\n} from '@remixicon/react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  getBodyShape,\n  hasCopyableBody,\n  hasDownloadableArtifact,\n  type FrameworkToken,\n  type ResourceSummary,\n} from '@nospt/plugin-dev-ai-hub-common';\nimport { devAiHubResourceApiRef } from '../../api/DevAiHubResourceClient';\nimport { useResourceBody } from '../../hooks/useResourceBody';\nimport { useTelemetryCounts } from '../../hooks/useTelemetryCounts';\nimport { ToolIcon } from '../ToolIcon';\nimport { ResourceInstallDialog } from './ResourceInstallDialog';\nimport { frameworkLabel, getTypeMeta } from './typeMeta';\nimport styles from './ResourceDetailPanel.module.css';\n\ninterface ResourceDetailPanelProps {\n  resource: ResourceSummary | undefined;\n  onClose: () => void;\n}\n\n/**\n * The detail drawer (legacy pattern, URL-param driven). Metadata renders from\n * the catalog `ResourceSummary`; the body is fetched lazily on open from the\n * body resolver (issue #30) and rendered by shape. Resources without a\n * source-location are browsable but not actionable — no action buttons.\n */\nexport function ResourceDetailPanel({\n  resource: resourceProp,\n  onClose,\n}: ResourceDetailPanelProps) {\n  const isOpen = !!resourceProp;\n  // The drawer slides out on close (issue: \"add some flowers\"), which needs\n  // content to stay rendered during the exit transition — the `resource` prop\n  // itself goes undefined the instant the URL param clears. `displayResource`\n  // mirrors the last real resource and is only ever updated while one is\n  // present, so the drawer keeps showing it while animating out instead of\n  // blanking.\n  const [displayResource, setDisplayResource] = useState(resourceProp);\n  useEffect(() => {\n    if (resourceProp) setDisplayResource(resourceProp);\n  }, [resourceProp]);\n\n  const api = useApi(devAiHubResourceApiRef);\n  const actionable = !!displayResource?.sourceLocation;\n  const bodyState = useResourceBody(displayResource?.entityRef, actionable);\n  const counts = useTelemetryCounts(displayResource?.entityRef);\n  const [installOpen, setInstallOpen] = useState(false);\n  const [copied, setCopied] = useState(false);\n\n  if (!displayResource) return null;\n\n  const resource = displayResource;\n  const meta = getTypeMeta(resource.type);\n  const bodyShape = getBodyShape(resource.type);\n\n  const handleCopy = async () => {\n    if (!bodyState.body) return;\n    await navigator.clipboard.writeText(bodyState.body.content);\n    api.track(resource.entityRef, 'copy');\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  };\n\n  const handleDownload = () => {\n    api.track(resource.entityRef, 'download');\n    return api.downloadEntityBody(resource.entityRef);\n  };\n\n  const handleInstall = () => {\n    api.track(resource.entityRef, 'install');\n    setInstallOpen(true);\n  };\n\n  const metadataRows: [string, string | undefined][] = [\n    ['Type', meta.label],\n    ['Lifecycle', resource.lifecycle || undefined],\n    ['Owner', resource.owner],\n    ['Version', resource.version],\n    ['Entity ref', resource.entityRef],\n  ];\n\n  return (\n    <>\n      <div\n        className={styles.overlay}\n        data-open={isOpen}\n        onClick={onClose}\n        role=\"presentation\"\n        aria-hidden={!isOpen}\n      />\n      <div\n        className={styles.drawer}\n        data-open={isOpen}\n        style={{ '--drawer-accent': meta.color } as React.CSSProperties}\n        role=\"dialog\"\n        aria-label={resource.title ?? resource.name}\n        aria-hidden={!isOpen}\n      >\n        <Flex className={styles.header}>\n          <div\n            className={styles.iconBox}\n            style={\n              {\n                '--card-accent': meta.color,\n                '--card-accent-bg': meta.colorBg,\n              } as React.CSSProperties\n            }\n          >\n            <meta.Icon size={20} />\n          </div>\n          <Box className={styles.headerText}>\n            <Text variant=\"title-small\" weight=\"bold\" as=\"h2\">\n              {resource.title ?? resource.name}\n            </Text>\n            <Text\n              variant=\"body-x-small\"\n              style={{ color: meta.color, fontWeight: 600 }}\n            >\n              {meta.label}\n            </Text>\n          </Box>\n          <ButtonIcon\n            icon={<RiCloseLine />}\n            variant=\"tertiary\"\n            onClick={onClose}\n            aria-label=\"Close\"\n          />\n        </Flex>\n\n        <div className={styles.body}>\n          {resource.description && (\n            <Text variant=\"body-small\" as=\"p\">\n              {resource.description}\n            </Text>\n          )}\n\n          {(!!counts?.view || !!counts?.install) && (\n            <div className={styles.statsRow}>\n              {!!counts?.view && (\n                <span className={styles.statItem}>\n                  <RiEyeLine size={14} /> {counts.view} views\n                </span>\n              )}\n              {!!counts?.install && (\n                <span className={styles.statItem}>\n                  <RiInstallLine size={14} /> {counts.install} installs\n                </span>\n              )}\n            </div>\n          )}\n\n          {actionable && (\n            <div className={styles.actions}>\n              {hasCopyableBody(resource.type) && (\n                <Button\n                  size=\"small\"\n                  variant=\"secondary\"\n                  iconStart={<RiFileCopyLine />}\n                  isDisabled={!bodyState.body}\n                  onPress={handleCopy}\n                >\n                  {copied ? 'Copied!' : 'Copy'}\n                </Button>\n              )}\n              {hasDownloadableArtifact(resource.type) && (\n                <Button\n                  size=\"small\"\n                  variant=\"secondary\"\n                  iconStart={<RiDownloadLine />}\n                  onPress={handleDownload}\n                >\n                  Download\n                </Button>\n              )}\n              <Button\n                size=\"small\"\n                variant=\"primary\"\n                iconStart={<RiInstallLine />}\n                onPress={handleInstall}\n              >\n                Install\n              </Button>\n            </div>\n          )}\n\n          <div className={styles.section}>\n            <Text variant=\"body-x-small\" color=\"secondary\" weight=\"bold\">\n              Content\n            </Text>\n            {!actionable && (\n              <Text variant=\"body-small\" as=\"p\" color=\"secondary\">\n                No content location published for this resource.\n              </Text>\n            )}\n            {actionable && bodyState.loading && (\n              <div className={styles.bodyLoading}>\n                <Skeleton width=\"100%\" height={14} />\n                <Skeleton width=\"85%\" height={14} />\n                <Skeleton width=\"60%\" height={14} />\n              </div>\n            )}\n            {actionable && bodyState.error === 'not-found' && (\n              <Text variant=\"body-small\" as=\"p\" color=\"secondary\">\n                Content not available — it may have been removed, or you may not\n                have access to it.\n              </Text>\n            )}\n            {actionable && bodyState.error === 'upstream' && (\n              <Flex align=\"center\" gap=\"2\">\n                <Text variant=\"body-small\" as=\"p\" color=\"secondary\">\n                  Couldn’t fetch the content from its source.\n                </Text>\n                <Button\n                  size=\"small\"\n                  variant=\"tertiary\"\n                  onPress={bodyState.retry}\n                >\n                  Retry\n                </Button>\n              </Flex>\n            )}\n            {bodyState.body && bodyShape === 'json' && (\n              <pre className={styles.codeBlock}>\n                <code>{bodyState.body.content}</code>\n              </pre>\n            )}\n            {bodyState.body && bodyShape === 'markdown' && (\n              <div className={styles.markdown}>\n                <ReactMarkdown>{bodyState.body.content}</ReactMarkdown>\n              </div>\n            )}\n          </div>\n\n          {resource.frameworks.length > 0 && (\n            <div className={styles.section}>\n              <Text variant=\"body-x-small\" color=\"secondary\" weight=\"bold\">\n                Works with\n              </Text>\n              <div className={styles.badges}>\n                {resource.frameworks.map(f => (\n                  <span key={f} className={styles.frameworkBadge}>\n                    <ToolIcon tool={f as FrameworkToken} size={14} />\n                    {frameworkLabel(f)}\n                  </span>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {resource.tags.length > 0 && (\n            <div className={styles.section}>\n              <Text variant=\"body-x-small\" color=\"secondary\" weight=\"bold\">\n                Tags\n              </Text>\n              <div className={styles.badges}>\n                {resource.tags.map(t => (\n                  <span key={t} className={styles.tag}>\n                    #{t}\n                  </span>\n                ))}\n              </div>\n            </div>\n          )}\n\n          <div className={styles.section}>\n            <Text variant=\"body-x-small\" color=\"secondary\" weight=\"bold\">\n              Metadata\n            </Text>\n            <dl className={styles.metaList}>\n              {metadataRows\n                .filter(([, v]) => v)\n                .map(([k, v]) => (\n                  <div key={k} className={styles.metaRow}>\n                    <dt>{k}</dt>\n                    <dd>{v}</dd>\n                  </div>\n                ))}\n            </dl>\n          </div>\n\n          {resource.sourceLocation && (\n            <div className={styles.section}>\n              <Link\n                href={resource.sourceLocation.replace(/^url:/, '')}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <span className={styles.sourceLinkContent}>\n                  <RiExternalLinkLine size={14} /> View source\n                </span>\n              </Link>\n            </div>\n          )}\n        </div>\n      </div>\n\n      <ResourceInstallDialog\n        resource={resource}\n        body={bodyState.body}\n        isOpen={installOpen}\n        onOpenChange={setInstallOpen}\n      />\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/AiResourcesPage/ResourceDetailPanel.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "@layer components {\n  .ResourceDetailPanel_overlay__fae2173ecb {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(0, 0, 0, 0.3);\n    z-index: 1299;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 220ms ease;\n  }\n\n  .ResourceDetailPanel_overlay__fae2173ecb[data-open='true'] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .ResourceDetailPanel_drawer__fae2173ecb {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 520px;\n    max-width: 100vw;\n    /* An opaque surface token, not `--bui-bg-neutral-1`: that token is a\n       translucent 10% white in dark mode, meant to layer over a solid\n       background. The drawer floats over the page, so it must bring its own. */\n    background-color: var(--bui-bg-app);\n    /* The accent mirrors the open resource's type colour (set inline by the\n       component); brand teal is only the no-type fallback. */\n    border-top: 3px solid var(--drawer-accent, var(--devaihub-brand-teal));\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);\n    z-index: 1300;\n    display: flex;\n    flex-direction: column;\n    transform: translateX(100%);\n    pointer-events: none;\n    transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .ResourceDetailPanel_drawer__fae2173ecb[data-open='true'] {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ResourceDetailPanel_overlay__fae2173ecb,\n    .ResourceDetailPanel_drawer__fae2173ecb {\n      transition: none;\n    }\n  }\n\n  .ResourceDetailPanel_header__fae2173ecb {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--bui-space-3);\n    padding: var(--bui-space-4);\n    border-bottom: 1px solid var(--bui-border-1);\n  }\n\n  .ResourceDetailPanel_actions__fae2173ecb {\n    display: flex;\n    gap: var(--bui-space-2);\n  }\n\n  .ResourceDetailPanel_bodyLoading__fae2173ecb {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-2);\n    margin-top: var(--bui-space-2);\n  }\n\n  .ResourceDetailPanel_codeBlock__fae2173ecb {\n    margin: var(--bui-space-2) 0 0;\n    padding: var(--bui-space-3);\n    background-color: var(--bui-bg-neutral-2);\n    border: 1px solid var(--bui-border-1);\n    border-radius: var(--bui-radius-2);\n    font-size: 0.8125rem;\n    overflow-x: auto;\n    white-space: pre;\n  }\n\n  .ResourceDetailPanel_markdown__fae2173ecb {\n    margin-top: var(--bui-space-2);\n    font-size: 0.875rem;\n    line-height: 1.55;\n    overflow-wrap: anywhere;\n  }\n\n  .ResourceDetailPanel_markdown__fae2173ecb pre {\n    padding: var(--bui-space-3);\n    background-color: var(--bui-bg-neutral-2);\n    border-radius: var(--bui-radius-2);\n    overflow-x: auto;\n  }\n\n  .ResourceDetailPanel_markdown__fae2173ecb h1,\n  .ResourceDetailPanel_markdown__fae2173ecb h2,\n  .ResourceDetailPanel_markdown__fae2173ecb h3 {\n    font-size: 1rem;\n    margin: var(--bui-space-3) 0 var(--bui-space-1);\n  }\n\n  .ResourceDetailPanel_iconBox__fae2173ecb {\n    background: var(--card-accent-bg);\n    color: var(--card-accent);\n    border-radius: var(--bui-radius-2);\n    padding: var(--bui-space-2);\n    display: flex;\n    flex-shrink: 0;\n  }\n\n  .ResourceDetailPanel_headerText__fae2173ecb {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .ResourceDetailPanel_body__fae2173ecb {\n    padding: var(--bui-space-4);\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-4);\n  }\n\n  .ResourceDetailPanel_section__fae2173ecb {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-2);\n  }\n\n  .ResourceDetailPanel_badges__fae2173ecb {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--bui-space-1);\n  }\n\n  .ResourceDetailPanel_statsRow__fae2173ecb {\n    display: flex;\n    gap: var(--bui-space-3);\n  }\n\n  .ResourceDetailPanel_statItem__fae2173ecb {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.8125rem;\n    color: var(--bui-fg-secondary);\n  }\n\n  .ResourceDetailPanel_frameworkBadge__fae2173ecb {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    border: 1px solid var(--bui-border-1);\n    border-radius: var(--bui-radius-full, 999px);\n    padding: 0 var(--bui-space-2);\n    font-size: 0.75rem;\n    line-height: 1.8;\n  }\n\n  .ResourceDetailPanel_tag__fae2173ecb {\n    background: var(--bui-bg-neutral-2);\n    border-radius: var(--bui-radius-1);\n    padding: 0 var(--bui-space-2);\n    font-size: 0.75rem;\n    line-height: 1.7;\n    color: var(--bui-fg-secondary);\n  }\n\n  .ResourceDetailPanel_metaList__fae2173ecb {\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-1);\n  }\n\n  .ResourceDetailPanel_metaRow__fae2173ecb {\n    display: flex;\n    gap: var(--bui-space-2);\n    font-size: 0.8rem;\n  }\n\n  .ResourceDetailPanel_metaRow__fae2173ecb dt {\n    color: var(--bui-fg-secondary);\n    min-width: 90px;\n    flex-shrink: 0;\n  }\n\n  .ResourceDetailPanel_metaRow__fae2173ecb dd {\n    margin: 0;\n    word-break: break-all;\n  }\n\n  .ResourceDetailPanel_sourceLinkContent__fae2173ecb {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    color: var(--devaihub-brand-teal);\n    font-weight: 600;\n  }\n}\n";
+var styles = {"overlay":"ResourceDetailPanel_overlay__fae2173ecb","drawer":"ResourceDetailPanel_drawer__fae2173ecb","header":"ResourceDetailPanel_header__fae2173ecb","actions":"ResourceDetailPanel_actions__fae2173ecb","bodyLoading":"ResourceDetailPanel_bodyLoading__fae2173ecb","codeBlock":"ResourceDetailPanel_codeBlock__fae2173ecb","markdown":"ResourceDetailPanel_markdown__fae2173ecb","iconBox":"ResourceDetailPanel_iconBox__fae2173ecb","headerText":"ResourceDetailPanel_headerText__fae2173ecb","body":"ResourceDetailPanel_body__fae2173ecb","section":"ResourceDetailPanel_section__fae2173ecb","badges":"ResourceDetailPanel_badges__fae2173ecb","statsRow":"ResourceDetailPanel_statsRow__fae2173ecb","statItem":"ResourceDetailPanel_statItem__fae2173ecb","frameworkBadge":"ResourceDetailPanel_frameworkBadge__fae2173ecb","tag":"ResourceDetailPanel_tag__fae2173ecb","metaList":"ResourceDetailPanel_metaList__fae2173ecb","metaRow":"ResourceDetailPanel_metaRow__fae2173ecb","sourceLinkContent":"ResourceDetailPanel_sourceLinkContent__fae2173ecb"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ResourceDetailPanel.module.css.esm.js.map

package/dist/components/AiResourcesPage/ResourceDetailPanel.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceDetailPanel.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/AiResourcesPage/ResourceFilters.esm.js

@@ -0,0 +1,242 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { Flex, SearchField, Box, Text } from '@backstage/ui';
+import { RiAppsLine, RiCheckLine } from '@remixicon/react';
+import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
+import { frameworkLabel } from './typeMeta.esm.js';
+import styles from './ResourceFilters.module.css.esm.js';
+
+function useDropdownClose(ref, onClose, open) {
+  useEffect(() => {
+    const handleClick = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) onClose();
+    };
+    const handleKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    if (open) {
+      document.addEventListener("mousedown", handleClick);
+      document.addEventListener("keydown", handleKey);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClick);
+      document.removeEventListener("keydown", handleKey);
+    };
+  }, [open, ref, onClose]);
+}
+function IconSelectBox({
+  value: selected,
+  options,
+  onChange,
+  ariaLabel
+}) {
+  const [open, setOpen] = useState(false);
+  const containerRef = useRef(null);
+  useDropdownClose(containerRef, () => setOpen(false), open);
+  const current = options.find((o) => o.value === selected) ?? options[0];
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: styles.tagsDropdown, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: styles.tagsDropdownTrigger,
+        onClick: () => setOpen((o) => !o),
+        "aria-expanded": open,
+        "aria-label": ariaLabel,
+        "aria-haspopup": "listbox",
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: styles.iconSelectTriggerContent, children: [
+            current.icon,
+            /* @__PURE__ */ jsx("span", { children: current.label })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: styles.tagsDropdownArrow, children: "\u25BE" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: styles.tagsDropdownPanel,
+        role: "listbox",
+        "aria-label": ariaLabel,
+        children: options.map((opt) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": opt.value === selected,
+            className: `${styles.iconSelectItem} ${opt.value === selected ? styles.iconSelectItemActive : ""}`,
+            onClick: () => {
+              onChange(opt.value);
+              setOpen(false);
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { className: styles.iconSelectItemIcon, children: opt.icon }),
+              /* @__PURE__ */ jsx("span", { children: opt.label }),
+              opt.value === selected && /* @__PURE__ */ jsx(RiCheckLine, { size: 14, className: styles.iconSelectCheck })
+            ]
+          },
+          opt.value
+        ))
+      }
+    )
+  ] });
+}
+function TagsFilterBox({
+  selectedTags,
+  availableTags,
+  onChange
+}) {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const containerRef = useRef(null);
+  useDropdownClose(containerRef, () => setOpen(false), open);
+  const allTags = Array.from(/* @__PURE__ */ new Set([...availableTags, ...selectedTags]));
+  const filtered = allTags.filter(
+    (t) => t.toLowerCase().includes(search.toLowerCase())
+  );
+  const toggleTag = (tag) => {
+    onChange(
+      selectedTags.includes(tag) ? selectedTags.filter((t) => t !== tag) : [...selectedTags, tag]
+    );
+  };
+  const triggerLabel = selectedTags.length > 0 ? selectedTags.map((t) => `#${t}`).join(" ") : "All Tags";
+  const showZeroResultsHint = availableTags.length === 0 && selectedTags.length > 0;
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: styles.tagsDropdown, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: styles.tagsDropdownTrigger,
+        onClick: () => setOpen((o) => !o),
+        "aria-expanded": open,
+        "aria-label": "Filter by tags",
+        "aria-haspopup": "dialog",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: triggerLabel }),
+          /* @__PURE__ */ jsx("span", { className: styles.tagsDropdownArrow, children: "\u25BE" })
+        ]
+      }
+    ),
+    showZeroResultsHint && /* @__PURE__ */ jsx("p", { className: styles.tagsDropdownNoResults, children: "Clear tags to see results\u2026" }),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: styles.tagsDropdownPanel,
+        role: "dialog",
+        "aria-label": "Filter by tags",
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "search",
+              className: styles.tagsDropdownSearch,
+              placeholder: "Search tags\u2026",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: styles.tagsDropdownSectionLabel, children: "FILTER YOUR SEARCH" }),
+          /* @__PURE__ */ jsxs("div", { className: styles.tagsDropdownList, children: [
+            filtered.length === 0 && /* @__PURE__ */ jsx("div", { className: styles.tagsDropdownNoResults, children: "No tags found" }),
+            filtered.map((tag) => /* @__PURE__ */ jsxs("label", { className: styles.tagsDropdownItem, children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  className: styles.tagsDropdownCheckbox,
+                  "aria-label": tag,
+                  checked: selectedTags.includes(tag),
+                  onChange: () => toggleTag(tag)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: tag })
+            ] }, tag))
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function ResourceFilters({
+  value,
+  onChange,
+  availableFrameworks,
+  availableTags
+}) {
+  const toolSelectOptions = [
+    {
+      value: "all",
+      label: "All Tools",
+      icon: /* @__PURE__ */ jsx(
+        RiAppsLine,
+        {
+          size: 14,
+          style: { color: "var(--bui-fg-secondary)", flexShrink: 0 }
+        }
+      )
+    },
+    ...availableFrameworks.map((fw) => ({
+      value: fw,
+      label: frameworkLabel(fw),
+      icon: /* @__PURE__ */ jsx(ToolIcon, { tool: fw, branded: true, size: 14 })
+    }))
+  ];
+  return /* @__PURE__ */ jsxs(Flex, { className: styles.container, children: [
+    /* @__PURE__ */ jsx(
+      SearchField,
+      {
+        "aria-label": "Search resources",
+        className: styles.searchField,
+        placeholder: "Search by name, description or tags\u2026",
+        value: value.search,
+        onChange: (search) => onChange({ ...value, search })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { className: styles.filtersRow, children: [
+      (availableTags.length > 0 || value.tags.length > 0) && /* @__PURE__ */ jsxs(Box, { className: styles.filterBox, children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            variant: "body-x-small",
+            color: "secondary",
+            className: styles.filterLabel,
+            children: "Tags"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TagsFilterBox,
+          {
+            selectedTags: value.tags,
+            availableTags,
+            onChange: (tags) => onChange({ ...value, tags })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { className: styles.filterBox, children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            variant: "body-x-small",
+            color: "secondary",
+            className: styles.filterLabel,
+            children: "AI Tool"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconSelectBox,
+          {
+            ariaLabel: "Filter by AI tool",
+            value: value.framework ?? "all",
+            options: toolSelectOptions,
+            onChange: (key) => onChange({ ...value, framework: key === "all" ? void 0 : key })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+export { ResourceFilters };
+//# sourceMappingURL=ResourceFilters.esm.js.map

package/dist/components/AiResourcesPage/ResourceFilters.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceFilters.esm.js","sources":["../../../src/components/AiResourcesPage/ResourceFilters.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from 'react';\nimport { Box, Flex, SearchField, Text } from '@backstage/ui';\nimport { RiAppsLine, RiCheckLine } from '@remixicon/react';\nimport type { FrameworkToken } from '@nospt/plugin-dev-ai-hub-common';\nimport { ToolIcon } from '../ToolIcon';\nimport { frameworkLabel } from './typeMeta';\nimport styles from './ResourceFilters.module.css';\n\nexport interface ResourceFiltersValue {\n  search: string;\n  framework?: string;\n  tags: string[];\n}\n\ninterface ResourceFiltersProps {\n  value: ResourceFiltersValue;\n  onChange: (next: ResourceFiltersValue) => void;\n  availableFrameworks: string[];\n  availableTags: string[];\n}\n\nfunction useDropdownClose(\n  ref: React.RefObject<HTMLElement>,\n  onClose: () => void,\n  open: boolean,\n) {\n  useEffect(() => {\n    const handleClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) onClose();\n    };\n    const handleKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    if (open) {\n      document.addEventListener('mousedown', handleClick);\n      document.addEventListener('keydown', handleKey);\n    }\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n      document.removeEventListener('keydown', handleKey);\n    };\n  }, [open, ref, onClose]);\n}\n\nfunction IconSelectBox<T extends string>({\n  value: selected,\n  options,\n  onChange,\n  ariaLabel,\n}: {\n  value: T;\n  options: { value: T; label: string; icon: ReactNode }[];\n  onChange: (v: T) => void;\n  ariaLabel: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  useDropdownClose(containerRef, () => setOpen(false), open);\n\n  const current = options.find(o => o.value === selected) ?? options[0];\n\n  return (\n    <div ref={containerRef} className={styles.tagsDropdown}>\n      <button\n        type=\"button\"\n        className={styles.tagsDropdownTrigger}\n        onClick={() => setOpen(o => !o)}\n        aria-expanded={open}\n        aria-label={ariaLabel}\n        aria-haspopup=\"listbox\"\n      >\n        <span className={styles.iconSelectTriggerContent}>\n          {current.icon}\n          <span>{current.label}</span>\n        </span>\n        <span className={styles.tagsDropdownArrow}>▾</span>\n      </button>\n      {open && (\n        <div\n          className={styles.tagsDropdownPanel}\n          role=\"listbox\"\n          aria-label={ariaLabel}\n        >\n          {options.map(opt => (\n            <button\n              key={opt.value}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={opt.value === selected}\n              className={`${styles.iconSelectItem} ${\n                opt.value === selected ? styles.iconSelectItemActive : ''\n              }`}\n              onClick={() => {\n                onChange(opt.value);\n                setOpen(false);\n              }}\n            >\n              <span className={styles.iconSelectItemIcon}>{opt.icon}</span>\n              <span>{opt.label}</span>\n              {opt.value === selected && (\n                <RiCheckLine size={14} className={styles.iconSelectCheck} />\n              )}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction TagsFilterBox({\n  selectedTags,\n  availableTags,\n  onChange,\n}: {\n  selectedTags: string[];\n  availableTags: string[];\n  onChange: (tags: string[]) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const containerRef = useRef<HTMLDivElement>(null);\n  useDropdownClose(containerRef, () => setOpen(false), open);\n\n  const allTags = Array.from(new Set([...availableTags, ...selectedTags]));\n  const filtered = allTags.filter(t =>\n    t.toLowerCase().includes(search.toLowerCase()),\n  );\n\n  const toggleTag = (tag: string) => {\n    onChange(\n      selectedTags.includes(tag)\n        ? selectedTags.filter(t => t !== tag)\n        : [...selectedTags, tag],\n    );\n  };\n\n  const triggerLabel =\n    selectedTags.length > 0\n      ? selectedTags.map(t => `#${t}`).join(' ')\n      : 'All Tags';\n  const showZeroResultsHint =\n    availableTags.length === 0 && selectedTags.length > 0;\n\n  return (\n    <div ref={containerRef} className={styles.tagsDropdown}>\n      <button\n        type=\"button\"\n        className={styles.tagsDropdownTrigger}\n        onClick={() => setOpen(o => !o)}\n        aria-expanded={open}\n        aria-label=\"Filter by tags\"\n        aria-haspopup=\"dialog\"\n      >\n        <span>{triggerLabel}</span>\n        <span className={styles.tagsDropdownArrow}>▾</span>\n      </button>\n      {showZeroResultsHint && (\n        <p className={styles.tagsDropdownNoResults}>\n          Clear tags to see results…\n        </p>\n      )}\n      {open && (\n        <div\n          className={styles.tagsDropdownPanel}\n          role=\"dialog\"\n          aria-label=\"Filter by tags\"\n        >\n          <input\n            type=\"search\"\n            className={styles.tagsDropdownSearch}\n            placeholder=\"Search tags…\"\n            value={search}\n            onChange={e => setSearch(e.target.value)}\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus\n          />\n          <div className={styles.tagsDropdownSectionLabel}>\n            FILTER YOUR SEARCH\n          </div>\n          <div className={styles.tagsDropdownList}>\n            {filtered.length === 0 && (\n              <div className={styles.tagsDropdownNoResults}>No tags found</div>\n            )}\n            {filtered.map(tag => (\n              <label key={tag} className={styles.tagsDropdownItem}>\n                <input\n                  type=\"checkbox\"\n                  className={styles.tagsDropdownCheckbox}\n                  aria-label={tag}\n                  checked={selectedTags.includes(tag)}\n                  onChange={() => toggleTag(tag)}\n                />\n                <span>{tag}</span>\n              </label>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Search + labelled filter boxes, copied from the legacy AssetFilters\n * design: full-width search bar with the Tags and AI Tool dropdowns below\n * it. Composes with the StatTiles type filter; search is client-side over\n * name/description/tags (bodies are not in the catalog, ADR-0001).\n */\nexport function ResourceFilters({\n  value,\n  onChange,\n  availableFrameworks,\n  availableTags,\n}: ResourceFiltersProps) {\n  const toolSelectOptions = [\n    {\n      value: 'all',\n      label: 'All Tools',\n      icon: (\n        <RiAppsLine\n          size={14}\n          style={{ color: 'var(--bui-fg-secondary)', flexShrink: 0 }}\n        />\n      ),\n    },\n    ...availableFrameworks.map(fw => ({\n      value: fw,\n      label: frameworkLabel(fw),\n      icon: <ToolIcon tool={fw as FrameworkToken} branded size={14} />,\n    })),\n  ];\n\n  return (\n    <Flex className={styles.container}>\n      <SearchField\n        aria-label=\"Search resources\"\n        className={styles.searchField}\n        placeholder=\"Search by name, description or tags…\"\n        value={value.search}\n        onChange={search => onChange({ ...value, search })}\n      />\n\n      <Flex className={styles.filtersRow}>\n        {(availableTags.length > 0 || value.tags.length > 0) && (\n          <Box className={styles.filterBox}>\n            <Text\n              variant=\"body-x-small\"\n              color=\"secondary\"\n              className={styles.filterLabel}\n            >\n              Tags\n            </Text>\n            <TagsFilterBox\n              selectedTags={value.tags}\n              availableTags={availableTags}\n              onChange={tags => onChange({ ...value, tags })}\n            />\n          </Box>\n        )}\n\n        <Box className={styles.filterBox}>\n          <Text\n            variant=\"body-x-small\"\n            color=\"secondary\"\n            className={styles.filterLabel}\n          >\n            AI Tool\n          </Text>\n          <IconSelectBox\n            ariaLabel=\"Filter by AI tool\"\n            value={value.framework ?? 'all'}\n            options={toolSelectOptions}\n            onChange={key =>\n              onChange({ ...value, framework: key === 'all' ? undefined : key })\n            }\n          />\n        </Box>\n      </Flex>\n    </Flex>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/AiResourcesPage/ResourceFilters.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/* Copied from the legacy AssetFilters design (AssetFilters.module.css). */\n@layer components {\n  .ResourceFilters_container__2597b03729 {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-4);\n    margin-bottom: var(--bui-space-6);\n  }\n\n  .ResourceFilters_searchField__2597b03729 {\n    width: 100%;\n  }\n\n  .ResourceFilters_filtersRow__2597b03729 {\n    display: flex;\n    gap: var(--bui-space-6);\n    flex-wrap: wrap;\n    align-items: flex-end;\n  }\n\n  .ResourceFilters_filterLabel__2597b03729 {\n    margin-bottom: var(--bui-space-2);\n    display: block;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    font-weight: 600;\n  }\n\n  .ResourceFilters_filterBox__2597b03729 {\n    min-width: 140px;\n  }\n\n  /* ── Icon select dropdown (AI Tool) ──────────────────────────── */\n\n  .ResourceFilters_iconSelectTriggerContent__2597b03729 {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n    overflow: hidden;\n  }\n\n  .ResourceFilters_iconSelectItem__2597b03729 {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n    width: 100%;\n    padding: var(--bui-space-2) var(--bui-space-3);\n    background: none;\n    border: none;\n    cursor: pointer;\n    font-size: 0.875rem;\n    color: CanvasText;\n    text-align: left;\n  }\n\n  .ResourceFilters_iconSelectItem__2597b03729:hover {\n    background: var(\n      --bui-bg-neutral-2,\n      color-mix(in srgb, CanvasText 8%, Canvas)\n    );\n  }\n\n  .ResourceFilters_iconSelectItemActive__2597b03729 {\n    font-weight: 600;\n  }\n\n  .ResourceFilters_iconSelectItemIcon__2597b03729 {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .ResourceFilters_iconSelectCheck__2597b03729 {\n    margin-left: auto;\n    flex-shrink: 0;\n    color: var(--bui-fg-primary);\n  }\n\n  /* ── Tags filter dropdown ─────────────────────────────────────── */\n\n  .ResourceFilters_tagsDropdown__2597b03729 {\n    position: relative;\n  }\n\n  .ResourceFilters_tagsDropdownTrigger__2597b03729 {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--bui-space-2);\n    width: 100%;\n    min-width: 140px;\n    padding: 0 var(--bui-space-3);\n    height: 32px;\n    border: 1px solid var(--bui-border-1);\n    border-radius: var(--bui-radius-2);\n    background: Canvas;\n    color: CanvasText;\n    font-size: 0.875rem;\n    cursor: pointer;\n    text-align: left;\n    white-space: nowrap;\n  }\n\n  .ResourceFilters_tagsDropdownTrigger__2597b03729:hover {\n    border-color: var(--bui-fg-primary);\n  }\n\n  .ResourceFilters_tagsDropdownArrow__2597b03729 {\n    font-size: 0.65rem;\n    color: var(--bui-fg-secondary);\n    flex-shrink: 0;\n  }\n\n  .ResourceFilters_tagsDropdownPanel__2597b03729 {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    min-width: 220px;\n    background: Canvas;\n    color: CanvasText;\n    border: 1px solid var(--bui-border-1);\n    border-radius: var(--bui-radius-3);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\n    z-index: 200;\n    overflow: hidden;\n  }\n\n  .ResourceFilters_tagsDropdownSearch__2597b03729 {\n    display: block;\n    width: 100%;\n    padding: var(--bui-space-2) var(--bui-space-3);\n    border: none;\n    border-bottom: 1px solid var(--bui-border-1);\n    background: Canvas;\n    color: CanvasText;\n    font-size: 0.875rem;\n    outline: none;\n    box-sizing: border-box;\n  }\n\n  .ResourceFilters_tagsDropdownSectionLabel__2597b03729 {\n    padding: var(--bui-space-2) var(--bui-space-3) var(--bui-space-1);\n    font-size: 0.68rem;\n    font-weight: 700;\n    color: var(--bui-fg-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.6px;\n  }\n\n  .ResourceFilters_tagsDropdownList__2597b03729 {\n    max-height: 220px;\n    overflow-y: auto;\n    padding: var(--bui-space-1) 0;\n  }\n\n  .ResourceFilters_tagsDropdownItem__2597b03729 {\n    display: flex;\n    align-items: center;\n    gap: var(--bui-space-2);\n    padding: var(--bui-space-1) var(--bui-space-3);\n    cursor: pointer;\n    font-size: 0.875rem;\n    color: CanvasText;\n    user-select: none;\n  }\n\n  .ResourceFilters_tagsDropdownItem__2597b03729:hover {\n    background: var(\n      --bui-bg-neutral-2,\n      color-mix(in srgb, CanvasText 8%, Canvas)\n    );\n  }\n\n  .ResourceFilters_tagsDropdownCheckbox__2597b03729 {\n    cursor: pointer;\n    accent-color: var(--bui-fg-primary);\n    flex-shrink: 0;\n  }\n\n  .ResourceFilters_tagsDropdownNoResults__2597b03729 {\n    padding: var(--bui-space-2) var(--bui-space-3);\n    color: CanvasText;\n    opacity: 0.6;\n    font-size: 0.875rem;\n  }\n}\n";
+var styles = {"container":"ResourceFilters_container__2597b03729","searchField":"ResourceFilters_searchField__2597b03729","filtersRow":"ResourceFilters_filtersRow__2597b03729","filterLabel":"ResourceFilters_filterLabel__2597b03729","filterBox":"ResourceFilters_filterBox__2597b03729","iconSelectTriggerContent":"ResourceFilters_iconSelectTriggerContent__2597b03729","iconSelectItem":"ResourceFilters_iconSelectItem__2597b03729","iconSelectItemActive":"ResourceFilters_iconSelectItemActive__2597b03729","iconSelectItemIcon":"ResourceFilters_iconSelectItemIcon__2597b03729","iconSelectCheck":"ResourceFilters_iconSelectCheck__2597b03729","tagsDropdown":"ResourceFilters_tagsDropdown__2597b03729","tagsDropdownTrigger":"ResourceFilters_tagsDropdownTrigger__2597b03729","tagsDropdownArrow":"ResourceFilters_tagsDropdownArrow__2597b03729","tagsDropdownPanel":"ResourceFilters_tagsDropdownPanel__2597b03729","tagsDropdownSearch":"ResourceFilters_tagsDropdownSearch__2597b03729","tagsDropdownSectionLabel":"ResourceFilters_tagsDropdownSectionLabel__2597b03729","tagsDropdownList":"ResourceFilters_tagsDropdownList__2597b03729","tagsDropdownItem":"ResourceFilters_tagsDropdownItem__2597b03729","tagsDropdownCheckbox":"ResourceFilters_tagsDropdownCheckbox__2597b03729","tagsDropdownNoResults":"ResourceFilters_tagsDropdownNoResults__2597b03729"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ResourceFilters.module.css.esm.js.map

package/dist/components/AiResourcesPage/ResourceFilters.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceFilters.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}