@stigmer/react 3.1.3 → 3.1.4

package/execution/ArtifactCard.d.ts

@@ -1,81 +0,0 @@
-import type { ExecutionArtifact } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/artifact_pb";
-/** Props for {@link ArtifactCard}. */
-export interface ArtifactCardProps {
-    /** The execution artifact to render. */
-    readonly artifact: ExecutionArtifact;
-    /** ID of the execution that produced this artifact — used for content fetching. */
-    readonly executionId: string;
-    /**
-     * Organization slug — used for skill package detection which fetches
-     * `SKILL.md` frontmatter via the artifact content RPC.
-     */
-    readonly org: string;
-    /**
-     * Called when the user clicks "Preview". The consumer is responsible
-     * for rendering a preview UI (e.g., {@link ArtifactPreviewModal}).
-     *
-     * When omitted, the Preview action is not rendered.
-     */
-    readonly onPreview?: (artifact: ExecutionArtifact) => void;
-    /**
-     * When `true`, another artifact in the list shares the same display
-     * `name` but has a different `sandbox_path`. The card renders the
-     * parent directory from `sandbox_path` as a muted subtitle for
-     * disambiguation.
-     *
-     * Set by {@link ArtifactsWidget} via {@link useSessionArtifacts}.
-     * Defaults to `false`.
-     */
-    readonly hasNameCollision?: boolean;
-    /** Additional CSS classes for the root element. */
-    readonly className?: string;
-}
-/**
- * Renders a single execution artifact as a compact summary card with
- * automatic Stigmer resource detection and a download link.
- *
- * The card's role is **signal and navigate**: it tells the user what
- * the artifact is (file/directory, size, detected resource type) and
- * provides two actions — Preview and Download. The Apply/Push CTA
- * lives exclusively in {@link ArtifactPreviewModal} so the user must
- * review content before acting (review-before-apply pattern).
- *
- * Internally orchestrates the detection pipeline:
- *
- * - **FILE artifacts**: Fetches text content via {@link useArtifactContent},
- *   then detects Agent/McpServer YAML via {@link useDetectStigmerResource}.
- *   Only text files under 256 KB are fetched for detection.
- *
- * - **DIRECTORY artifacts**: Detects skill packages via
- *   {@link useDetectSkillPackage} (checks for `SKILL.md` in the ZIP
- *   archive entries).
- *
- * Detection results are surfaced as a type badge ("Agent detected",
- * "Skill · N files"). Non-Stigmer artifacts render with file info
- * and a download link only — no error messages or "not detected"
- * indicators (detection is silent).
- *
- * @example
- * ```tsx
- * const { artifacts } = useExecutionArtifacts(execution);
- *
- * {artifacts.map((artifact) => (
- *   <ArtifactCard
- *     key={artifact.storageKey}
- *     artifact={artifact}
- *     executionId={execution.metadata!.id}
- *     org={activeOrg}
- *     onPreview={(a) => setPreviewArtifact(a)}
- *   />
- * ))}
- * ```
- *
- * @see {@link ArtifactPreviewModal} — full preview with Apply/Push CTA
- * @see {@link ArtifactsWidget} — container that composes cards + modal
- * @see {@link useExecutionArtifacts} — extracts artifact metadata from an execution
- * @see {@link useArtifactContent} — content-fetching hook (headless alternative)
- * @see {@link useDetectStigmerResource} — YAML resource detection (headless)
- * @see {@link useDetectSkillPackage} — skill package detection (headless)
- */
-export declare function ArtifactCard({ artifact, executionId, org, onPreview, hasNameCollision, className, }: ArtifactCardProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ArtifactCard.d.ts.map

package/execution/ArtifactCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArtifactCard.d.ts","sourceRoot":"","sources":["../../src/execution/ArtifactCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kEAAkE,CAAC;AAiB1G,sCAAsC;AACtC,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACrC,mFAAmF;IACnF,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3D;;;;;;;;OAQG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,mDAAmD;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,GAAG,EACH,SAAS,EACT,gBAAwB,EACxB,SAAS,GACV,EAAE,iBAAiB,2CA+HnB"}

package/execution/ArtifactCard.js

@@ -1,130 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ExecutionArtifactKind } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
-import { cn } from "@stigmer/theme";
-import { useArtifactContent } from "./useArtifactContent.js";
-import { useArtifactDownload } from "./useArtifactDownload.js";
-import { isTextArtifact, formatArtifactSize } from "./artifact-utils.js";
-import { useDetectStigmerResource } from "../library/useDetectStigmerResource.js";
-import { useDetectSkillPackage } from "../library/useDetectSkillPackage.js";
-/**
- * Artifacts larger than this threshold skip the content fetch used for
- * resource detection. Stigmer resource YAML files are typically under
- * 10 KB — 256 KB is generous without risking large payloads for log
- * files or binary-adjacent text content.
- */
-const MAX_DETECTION_SIZE = 256 * 1024;
-/**
- * Renders a single execution artifact as a compact summary card with
- * automatic Stigmer resource detection and a download link.
- *
- * The card's role is **signal and navigate**: it tells the user what
- * the artifact is (file/directory, size, detected resource type) and
- * provides two actions — Preview and Download. The Apply/Push CTA
- * lives exclusively in {@link ArtifactPreviewModal} so the user must
- * review content before acting (review-before-apply pattern).
- *
- * Internally orchestrates the detection pipeline:
- *
- * - **FILE artifacts**: Fetches text content via {@link useArtifactContent},
- *   then detects Agent/McpServer YAML via {@link useDetectStigmerResource}.
- *   Only text files under 256 KB are fetched for detection.
- *
- * - **DIRECTORY artifacts**: Detects skill packages via
- *   {@link useDetectSkillPackage} (checks for `SKILL.md` in the ZIP
- *   archive entries).
- *
- * Detection results are surfaced as a type badge ("Agent detected",
- * "Skill · N files"). Non-Stigmer artifacts render with file info
- * and a download link only — no error messages or "not detected"
- * indicators (detection is silent).
- *
- * @example
- * ```tsx
- * const { artifacts } = useExecutionArtifacts(execution);
- *
- * {artifacts.map((artifact) => (
- *   <ArtifactCard
- *     key={artifact.storageKey}
- *     artifact={artifact}
- *     executionId={execution.metadata!.id}
- *     org={activeOrg}
- *     onPreview={(a) => setPreviewArtifact(a)}
- *   />
- * ))}
- * ```
- *
- * @see {@link ArtifactPreviewModal} — full preview with Apply/Push CTA
- * @see {@link ArtifactsWidget} — container that composes cards + modal
- * @see {@link useExecutionArtifacts} — extracts artifact metadata from an execution
- * @see {@link useArtifactContent} — content-fetching hook (headless alternative)
- * @see {@link useDetectStigmerResource} — YAML resource detection (headless)
- * @see {@link useDetectSkillPackage} — skill package detection (headless)
- */
-export function ArtifactCard({ artifact, executionId, org, onPreview, hasNameCollision = false, className, }) {
-    // ---------------------------------------------------------------------------
-    // Detection orchestration
-    // ---------------------------------------------------------------------------
-    const isDirectory = artifact.kind === ExecutionArtifactKind.DIRECTORY;
-    const canDetectYaml = !isDirectory &&
-        isTextArtifact(artifact) &&
-        Number(artifact.sizeBytes) < MAX_DETECTION_SIZE;
-    const { content, isLoading: isContentLoading } = useArtifactContent(canDetectYaml ? executionId : null, canDetectYaml ? artifact.storageKey : null, undefined, artifact.contentHash || undefined);
-    const yamlDetection = useDetectStigmerResource(canDetectYaml ? content : null);
-    const { detection: skillDetection, isLoading: isSkillLoading } = useDetectSkillPackage(isDirectory ? artifact : null, isDirectory ? executionId : null);
-    // ---------------------------------------------------------------------------
-    // Derived detection state
-    // ---------------------------------------------------------------------------
-    const isDetected = yamlDetection.detected || skillDetection.detected;
-    const isDetecting = (canDetectYaml && isContentLoading) || (isDirectory && isSkillLoading);
-    let detectionLabel = null;
-    if (yamlDetection.detected) {
-        detectionLabel = `${yamlDetection.displayName} detected`;
-    }
-    else if (skillDetection.detected) {
-        const count = skillDetection.fileCount;
-        detectionLabel = `Skill \u00B7 ${count} ${count === 1 ? "file" : "files"}`;
-    }
-    const canPreview = !!onPreview && (isTextArtifact(artifact) || isDirectory);
-    const { download, isDownloading } = useArtifactDownload(executionId);
-    const parentDir = hasNameCollision && artifact.sandboxPath
-        ? parentDirectory(artifact.sandboxPath)
-        : null;
-    // ---------------------------------------------------------------------------
-    // Render
-    // ---------------------------------------------------------------------------
-    return (_jsxs("div", { role: "article", "aria-label": artifact.name, className: cn("rounded-md border border-border p-3", className), children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: isDirectory ? _jsx(FolderIcon, {}) : _jsx(FileIcon, {}) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "truncate text-sm font-medium text-foreground", children: [artifact.name, isDirectory && "/"] }), parentDir && (_jsx("div", { className: "truncate text-xs text-muted-foreground", children: parentDir })), _jsx("div", { className: "text-xs tabular-nums text-muted-foreground", children: formatArtifactSize(artifact.sizeBytes) })] })] }), isDetecting && !isDetected && (_jsx("div", { className: "mt-1.5 h-5 w-28 animate-pulse rounded-full bg-muted", "aria-hidden": "true" })), detectionLabel && (_jsx("span", { className: "mt-1.5 inline-flex items-center rounded-full bg-primary-subtle px-2 py-0.5 text-xs font-medium text-primary", children: detectionLabel })), _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1", children: [canPreview && (_jsx("button", { type: "button", onClick: () => onPreview(artifact), className: cn("text-xs font-medium text-primary transition-colors hover:text-primary-muted", FOCUS_RING_CLASSES), children: "Preview" })), _jsxs("button", { type: "button", onClick: () => download(artifact.storageKey, artifact.name), disabled: isDownloading, className: cn("inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground disabled:opacity-50", FOCUS_RING_CLASSES), children: [_jsx(DownloadIcon, {}), isDownloading ? "Preparing…" : isDirectory ? "Download ZIP" : "Download"] })] })] }));
-}
-// ---------------------------------------------------------------------------
-// Helpers
-// ---------------------------------------------------------------------------
-/**
- * Extracts a human-readable parent directory label from a sandbox path.
- * Given `/workspace/configs/agent.yaml` returns `configs/`.
- * Returns `null` when the path has no meaningful parent segment.
- */
-function parentDirectory(sandboxPath) {
-    const lastSlash = sandboxPath.lastIndexOf("/");
-    if (lastSlash <= 0)
-        return null;
-    const parent = sandboxPath.slice(0, lastSlash);
-    const segment = parent.slice(parent.lastIndexOf("/") + 1);
-    return segment ? `${segment}/` : null;
-}
-// ---------------------------------------------------------------------------
-// Shared style constants
-// ---------------------------------------------------------------------------
-const FOCUS_RING_CLASSES = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-sm";
-// ---------------------------------------------------------------------------
-// Inline SVG icons
-// ---------------------------------------------------------------------------
-function FileIcon() {
-    return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M8 1H4C3.45 1 3 1.45 3 2V12C3 12.55 3.45 13 4 13H10C10.55 13 11 12.55 11 12V4L8 1Z" }), _jsx("path", { d: "M8 1V4H11" })] }));
-}
-function FolderIcon() {
-    return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M13 11C13 11.55 12.55 12 12 12H2C1.45 12 1 11.55 1 11V3C1 2.45 1.45 2 2 2H5L7 4H12C12.55 4 13 4.45 13 5V11Z" }) }));
-}
-function DownloadIcon() {
-    return (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", "aria-hidden": "true", children: [_jsx("path", { d: "M6 1.5V8.5" }), _jsx("path", { d: "M3 6L6 9L9 6" }), _jsx("path", { d: "M2 10.5H10" })] }));
-}
-//# sourceMappingURL=ArtifactCard.js.map

package/execution/ArtifactCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArtifactCard.js","sourceRoot":"","sources":["../../src/execution/ArtifactCard.tsx"],"names":[],"mappings":"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"}

package/src/execution/ArtifactCard.tsx

@@ -1,320 +0,0 @@
-"use client";
-
-import type { ExecutionArtifact } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/artifact_pb";
-import { ExecutionArtifactKind } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
-import { cn } from "@stigmer/theme";
-import { useArtifactContent } from "./useArtifactContent.js";
-import { useArtifactDownload } from "./useArtifactDownload.js";
-import { isTextArtifact, formatArtifactSize } from "./artifact-utils.js";
-import { useDetectStigmerResource } from "../library/useDetectStigmerResource.js";
-import { useDetectSkillPackage } from "../library/useDetectSkillPackage.js";
-
-/**
- * Artifacts larger than this threshold skip the content fetch used for
- * resource detection. Stigmer resource YAML files are typically under
- * 10 KB — 256 KB is generous without risking large payloads for log
- * files or binary-adjacent text content.
- */
-const MAX_DETECTION_SIZE = 256 * 1024;
-
-/** Props for {@link ArtifactCard}. */
-export interface ArtifactCardProps {
-  /** The execution artifact to render. */
-  readonly artifact: ExecutionArtifact;
-  /** ID of the execution that produced this artifact — used for content fetching. */
-  readonly executionId: string;
-  /**
-   * Organization slug — used for skill package detection which fetches
-   * `SKILL.md` frontmatter via the artifact content RPC.
-   */
-  readonly org: string;
-  /**
-   * Called when the user clicks "Preview". The consumer is responsible
-   * for rendering a preview UI (e.g., {@link ArtifactPreviewModal}).
-   *
-   * When omitted, the Preview action is not rendered.
-   */
-  readonly onPreview?: (artifact: ExecutionArtifact) => void;
-  /**
-   * When `true`, another artifact in the list shares the same display
-   * `name` but has a different `sandbox_path`. The card renders the
-   * parent directory from `sandbox_path` as a muted subtitle for
-   * disambiguation.
-   *
-   * Set by {@link ArtifactsWidget} via {@link useSessionArtifacts}.
-   * Defaults to `false`.
-   */
-  readonly hasNameCollision?: boolean;
-  /** Additional CSS classes for the root element. */
-  readonly className?: string;
-}
-
-/**
- * Renders a single execution artifact as a compact summary card with
- * automatic Stigmer resource detection and a download link.
- *
- * The card's role is **signal and navigate**: it tells the user what
- * the artifact is (file/directory, size, detected resource type) and
- * provides two actions — Preview and Download. The Apply/Push CTA
- * lives exclusively in {@link ArtifactPreviewModal} so the user must
- * review content before acting (review-before-apply pattern).
- *
- * Internally orchestrates the detection pipeline:
- *
- * - **FILE artifacts**: Fetches text content via {@link useArtifactContent},
- *   then detects Agent/McpServer YAML via {@link useDetectStigmerResource}.
- *   Only text files under 256 KB are fetched for detection.
- *
- * - **DIRECTORY artifacts**: Detects skill packages via
- *   {@link useDetectSkillPackage} (checks for `SKILL.md` in the ZIP
- *   archive entries).
- *
- * Detection results are surfaced as a type badge ("Agent detected",
- * "Skill · N files"). Non-Stigmer artifacts render with file info
- * and a download link only — no error messages or "not detected"
- * indicators (detection is silent).
- *
- * @example
- * ```tsx
- * const { artifacts } = useExecutionArtifacts(execution);
- *
- * {artifacts.map((artifact) => (
- *   <ArtifactCard
- *     key={artifact.storageKey}
- *     artifact={artifact}
- *     executionId={execution.metadata!.id}
- *     org={activeOrg}
- *     onPreview={(a) => setPreviewArtifact(a)}
- *   />
- * ))}
- * ```
- *
- * @see {@link ArtifactPreviewModal} — full preview with Apply/Push CTA
- * @see {@link ArtifactsWidget} — container that composes cards + modal
- * @see {@link useExecutionArtifacts} — extracts artifact metadata from an execution
- * @see {@link useArtifactContent} — content-fetching hook (headless alternative)
- * @see {@link useDetectStigmerResource} — YAML resource detection (headless)
- * @see {@link useDetectSkillPackage} — skill package detection (headless)
- */
-export function ArtifactCard({
-  artifact,
-  executionId,
-  org,
-  onPreview,
-  hasNameCollision = false,
-  className,
-}: ArtifactCardProps) {
-  // ---------------------------------------------------------------------------
-  // Detection orchestration
-  // ---------------------------------------------------------------------------
-
-  const isDirectory = artifact.kind === ExecutionArtifactKind.DIRECTORY;
-  const canDetectYaml =
-    !isDirectory &&
-    isTextArtifact(artifact) &&
-    Number(artifact.sizeBytes) < MAX_DETECTION_SIZE;
-
-  const { content, isLoading: isContentLoading } = useArtifactContent(
-    canDetectYaml ? executionId : null,
-    canDetectYaml ? artifact.storageKey : null,
-    undefined,
-    artifact.contentHash || undefined,
-  );
-
-  const yamlDetection = useDetectStigmerResource(
-    canDetectYaml ? content : null,
-  );
-
-  const { detection: skillDetection, isLoading: isSkillLoading } =
-    useDetectSkillPackage(
-      isDirectory ? artifact : null,
-      isDirectory ? executionId : null,
-    );
-
-  // ---------------------------------------------------------------------------
-  // Derived detection state
-  // ---------------------------------------------------------------------------
-
-  const isDetected = yamlDetection.detected || skillDetection.detected;
-  const isDetecting =
-    (canDetectYaml && isContentLoading) || (isDirectory && isSkillLoading);
-
-  let detectionLabel: string | null = null;
-  if (yamlDetection.detected) {
-    detectionLabel = `${yamlDetection.displayName} detected`;
-  } else if (skillDetection.detected) {
-    const count = skillDetection.fileCount;
-    detectionLabel = `Skill \u00B7 ${count} ${count === 1 ? "file" : "files"}`;
-  }
-
-  const canPreview = !!onPreview && (isTextArtifact(artifact) || isDirectory);
-
-  const { download, isDownloading } = useArtifactDownload(executionId);
-
-  const parentDir =
-    hasNameCollision && artifact.sandboxPath
-      ? parentDirectory(artifact.sandboxPath)
-      : null;
-
-  // ---------------------------------------------------------------------------
-  // Render
-  // ---------------------------------------------------------------------------
-
-  return (
-    <div
-      role="article"
-      aria-label={artifact.name}
-      className={cn("rounded-md border border-border p-3", className)}
-    >
-      {/* Header: icon + name + size */}
-      <div className="flex items-start gap-2">
-        <span className="mt-0.5 shrink-0 text-muted-foreground">
-          {isDirectory ? <FolderIcon /> : <FileIcon />}
-        </span>
-        <div className="min-w-0 flex-1">
-          <div className="truncate text-sm font-medium text-foreground">
-            {artifact.name}
-            {isDirectory && "/"}
-          </div>
-          {parentDir && (
-            <div className="truncate text-xs text-muted-foreground">
-              {parentDir}
-            </div>
-          )}
-          <div className="text-xs tabular-nums text-muted-foreground">
-            {formatArtifactSize(artifact.sizeBytes)}
-          </div>
-        </div>
-      </div>
-
-      {/* Detection badge */}
-      {isDetecting && !isDetected && (
-        <div
-          className="mt-1.5 h-5 w-28 animate-pulse rounded-full bg-muted"
-          aria-hidden="true"
-        />
-      )}
-      {detectionLabel && (
-        <span className="mt-1.5 inline-flex items-center rounded-full bg-primary-subtle px-2 py-0.5 text-xs font-medium text-primary">
-          {detectionLabel}
-        </span>
-      )}
-
-      {/* Secondary actions: Preview + Download */}
-      <div className="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1">
-        {canPreview && (
-          <button
-            type="button"
-            onClick={() => onPreview!(artifact)}
-            className={cn(
-              "text-xs font-medium text-primary transition-colors hover:text-primary-muted",
-              FOCUS_RING_CLASSES,
-            )}
-          >
-            Preview
-          </button>
-        )}
-        <button
-          type="button"
-          onClick={() => download(artifact.storageKey, artifact.name)}
-          disabled={isDownloading}
-          className={cn(
-            "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground disabled:opacity-50",
-            FOCUS_RING_CLASSES,
-          )}
-        >
-          <DownloadIcon />
-          {isDownloading ? "Preparing…" : isDirectory ? "Download ZIP" : "Download"}
-        </button>
-      </div>
-
-    </div>
-  );
-}
-
-// ---------------------------------------------------------------------------
-// Helpers
-// ---------------------------------------------------------------------------
-
-/**
- * Extracts a human-readable parent directory label from a sandbox path.
- * Given `/workspace/configs/agent.yaml` returns `configs/`.
- * Returns `null` when the path has no meaningful parent segment.
- */
-function parentDirectory(sandboxPath: string): string | null {
-  const lastSlash = sandboxPath.lastIndexOf("/");
-  if (lastSlash <= 0) return null;
-  const parent = sandboxPath.slice(0, lastSlash);
-  const segment = parent.slice(parent.lastIndexOf("/") + 1);
-  return segment ? `${segment}/` : null;
-}
-
-// ---------------------------------------------------------------------------
-// Shared style constants
-// ---------------------------------------------------------------------------
-
-const FOCUS_RING_CLASSES =
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded-sm";
-
-// ---------------------------------------------------------------------------
-// Inline SVG icons
-// ---------------------------------------------------------------------------
-
-function FileIcon() {
-  return (
-    <svg
-      width="14"
-      height="14"
-      viewBox="0 0 14 14"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      aria-hidden="true"
-    >
-      <path d="M8 1H4C3.45 1 3 1.45 3 2V12C3 12.55 3.45 13 4 13H10C10.55 13 11 12.55 11 12V4L8 1Z" />
-      <path d="M8 1V4H11" />
-    </svg>
-  );
-}
-
-function FolderIcon() {
-  return (
-    <svg
-      width="14"
-      height="14"
-      viewBox="0 0 14 14"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      aria-hidden="true"
-    >
-      <path d="M13 11C13 11.55 12.55 12 12 12H2C1.45 12 1 11.55 1 11V3C1 2.45 1.45 2 2 2H5L7 4H12C12.55 4 13 4.45 13 5V11Z" />
-    </svg>
-  );
-}
-
-function DownloadIcon() {
-  return (
-    <svg
-      width="10"
-      height="10"
-      viewBox="0 0 12 12"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className="shrink-0"
-      aria-hidden="true"
-    >
-      <path d="M6 1.5V8.5" />
-      <path d="M3 6L6 9L9 6" />
-      <path d="M2 10.5H10" />
-    </svg>
-  );
-}
-