@signalflare-ai/ui 0.5.0

package/dist/src/blocks/agent-harness/index.d.ts

@@ -0,0 +1,2 @@
+export { AgentHarness, fromMastraHarness, useAgentHarness, SF_AGENT_HARNESS_VARIANTS, SF_AGENT_HARNESS_DEFAULT_VARIANTS, type AgentHarnessProps, type SFAgentHarnessHitlPlacement, type HarnessAdapter, type HarnessEvent, type AgentHarnessState, type UseAgentHarnessReturn, } from './agent-harness';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/blocks/agent-harness/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/agent-harness/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,yBAAyB,EACzB,iCAAiC,EACjC,KAAK,iBAAiB,EACtB,KAAK,2BAA2B,EAChC,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,iBAAiB,CAAC"}

package/dist/src/blocks/commander/commander.d.ts

@@ -0,0 +1,101 @@
+import { ComponentProps, ReactNode } from 'react';
+import { fromMastraHarness, useAgentHarness, AiTimelineBlock, AgentHarnessState, AgentSubagent, HarnessAdapter, UseAgentHarnessReturn } from '../../index';
+export declare const SF_COMMANDER_VARIANTS: {
+    readonly layout: {
+        readonly "timeline-cards": {
+            readonly classes: "";
+            readonly description: "Mission header + timeline + agent card grid";
+        };
+        readonly "timeline-only": {
+            readonly classes: "";
+            readonly description: "Mission header + timeline, no agent cards grid";
+        };
+        readonly "cards-only": {
+            readonly classes: "";
+            readonly description: "Mission header + agent cards grid, no timeline";
+        };
+    };
+};
+export declare const SF_COMMANDER_DEFAULT_VARIANTS: {
+    readonly layout: "timeline-cards";
+};
+export type SFCommanderLayout = keyof typeof SF_COMMANDER_VARIANTS.layout;
+export interface CommanderProps extends ComponentProps<"div"> {
+    /**
+     * A HarnessAdapter or Mastra Harness instance.
+     * The Commander and AgentHarness can share the same adapter.
+     */
+    adapter?: HarnessAdapter | null;
+    /**
+     * The mission title shown in the header.
+     * Falls back to the task list title if not provided.
+     */
+    title?: string;
+    /**
+     * Pixels per second for the timeline zoom.
+     * @default 25
+     */
+    pixelsPerSecond?: number;
+    /**
+     * Layout variant.
+     * @default "timeline-cards"
+     */
+    layout?: SFCommanderLayout;
+    /**
+     * Show the "now" marker on the timeline.
+     * @default true
+     */
+    showNowMarker?: boolean;
+    /**
+     * Whether to auto-scroll the timeline to the live edge while running.
+     * @default true
+     */
+    autoScrollTimeline?: boolean;
+    /**
+     * Called when the user clicks an agent card.
+     */
+    onAgentClick?: (subagentId: string, subagent: AgentSubagent) => void;
+    /**
+     * Called when the user clicks a timeline block.
+     */
+    onBlockClick?: (block: AiTimelineBlock) => void;
+    /**
+     * Header slot override. When provided, replaces the default AiMissionHeader.
+     */
+    header?: ReactNode;
+    /**
+     * Empty state shown when no agents have run yet.
+     */
+    emptyState?: ReactNode;
+}
+/**
+ * `Commander` — mission-control dashboard for orchestrated multi-agent runs.
+ *
+ * Connects to the same `HarnessAdapter` as your `AgentHarness` and renders
+ * a mission header, live timeline swim lanes (one per agent), and an agent
+ * card grid — all derived from the same event stream.
+ *
+ * **Designed to be shown alongside or in place of `AgentHarness`** for runs
+ * where you want orchestration-level visibility rather than conversation detail.
+ *
+ * @example
+ * ```tsx
+ * const adapter = fromMastraHarness(harness);
+ *
+ * // Side by side
+ * <div className="grid grid-cols-2 h-screen">
+ *   <Commander adapter={adapter} title="Refactor auth module" />
+ *   <AgentHarness adapter={adapter} />
+ * </div>
+ *
+ * // Commander-only
+ * <Commander adapter={adapter} layout="timeline-cards" />
+ * ```
+ */
+export declare function Commander({ adapter, title, pixelsPerSecond, layout, showNowMarker, autoScrollTimeline: _autoScrollTimeline, onAgentClick, onBlockClick, header, emptyState, className, ...props }: CommanderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Commander {
+    var displayName: string;
+}
+export { fromMastraHarness, useAgentHarness };
+export type { HarnessAdapter, AgentHarnessState, UseAgentHarnessReturn };
+//# sourceMappingURL=commander.d.ts.map

package/dist/src/blocks/commander/commander.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commander.d.ts","sourceRoot":"","sources":["../../../../src/blocks/commander/commander.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAML,iBAAiB,EACjB,eAAe,EACf,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC3B,MAAM,aAAa,CAAC;AAIrB,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;CAexB,CAAC;AAEX,eAAO,MAAM,6BAA6B;;CAEhC,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,qBAAqB,CAAC,MAAM,CAAC;AAI1E,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACrE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAkLD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAc,EACd,KAAK,EACL,eAAoB,EACpB,MAA6C,EAC7C,aAAoB,EACpB,kBAAkB,EAAE,mBAA0B,EAC9C,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,2CA6JhB;yBA1Ke,SAAS;;;AA+KzB,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/src/blocks/commander/commander.tsx

@@ -0,0 +1,477 @@
+"use client";
+
+// This is the CLI-installed version of the Commander block.
+// Imports are rewritten to @signalflare-ai/ui at install time.
+
+import type { ComponentProps, ReactNode } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+
+import {
+  AiAgentCard,
+  AiMissionHeader,
+  AiTimeline,
+  AiTimelineLane,
+  cn,
+  fromMastraHarness,
+  useAgentHarness,
+  type AiTimelineBlock,
+  type AgentHarnessState,
+  type AgentSubagent,
+  type AgentToolCall,
+  type HarnessAdapter,
+  type UseAgentHarnessReturn,
+} from "../../index";
+
+// ─── Variants ─────────────────────────────────────────────────────────────────
+
+export const SF_COMMANDER_VARIANTS = {
+  layout: {
+    "timeline-cards": {
+      classes: "",
+      description: "Mission header + timeline + agent card grid",
+    },
+    "timeline-only": {
+      classes: "",
+      description: "Mission header + timeline, no agent cards grid",
+    },
+    "cards-only": {
+      classes: "",
+      description: "Mission header + agent cards grid, no timeline",
+    },
+  },
+} as const;
+
+export const SF_COMMANDER_DEFAULT_VARIANTS = {
+  layout: "timeline-cards",
+} as const;
+
+export type SFCommanderLayout = keyof typeof SF_COMMANDER_VARIANTS.layout;
+
+// ─── Props ────────────────────────────────────────────────────────────────────
+
+export interface CommanderProps extends ComponentProps<"div"> {
+  /**
+   * A HarnessAdapter or Mastra Harness instance.
+   * The Commander and AgentHarness can share the same adapter.
+   */
+  adapter?: HarnessAdapter | null;
+  /**
+   * The mission title shown in the header.
+   * Falls back to the task list title if not provided.
+   */
+  title?: string;
+  /**
+   * Pixels per second for the timeline zoom.
+   * @default 25
+   */
+  pixelsPerSecond?: number;
+  /**
+   * Layout variant.
+   * @default "timeline-cards"
+   */
+  layout?: SFCommanderLayout;
+  /**
+   * Show the "now" marker on the timeline.
+   * @default true
+   */
+  showNowMarker?: boolean;
+  /**
+   * Whether to auto-scroll the timeline to the live edge while running.
+   * @default true
+   */
+  autoScrollTimeline?: boolean;
+  /**
+   * Called when the user clicks an agent card.
+   */
+  onAgentClick?: (subagentId: string, subagent: AgentSubagent) => void;
+  /**
+   * Called when the user clicks a timeline block.
+   */
+  onBlockClick?: (block: AiTimelineBlock) => void;
+  /**
+   * Header slot override. When provided, replaces the default AiMissionHeader.
+   */
+  header?: ReactNode;
+  /**
+   * Empty state shown when no agents have run yet.
+   */
+  emptyState?: ReactNode;
+}
+
+// ─── Derivation: state → timeline blocks ──────────────────────────────────────
+
+/**
+ * Derive `AiTimelineBlock[]` for the main/parent agent lane from state.
+ * The parent agent is represented by its message-generation periods.
+ */
+function deriveMainLaneBlocks(
+  state: AgentHarnessState,
+  _nowMs: number
+): AiTimelineBlock[] {
+  const blocks: AiTimelineBlock[] = [];
+  if (!state.missionStartedAt) return blocks;
+
+  // The main agent's "running" block spans from missionStart to end/now
+  if (state.isRunning) {
+    blocks.push({
+      id: "main-running",
+      type: "running",
+      startMs: state.missionStartedAt,
+      label: "Running",
+    });
+  } else if (state.missionEndedAt) {
+    blocks.push({
+      id: "main-completed",
+      type: "completed",
+      startMs: state.missionStartedAt,
+      endMs: state.missionEndedAt,
+      label: "Completed",
+    });
+  }
+
+  // Top-level tool calls
+  for (const tc of Object.values(state.toolCalls)) {
+    if (tc.subagentId) continue; // skip subagent-owned tool calls
+    if (!tc.startedAt) continue;
+    blocks.push({
+      id: `tc-${tc.id}`,
+      type:
+        tc.state === "output-error"
+          ? "error"
+          : tc.approvalState === "awaiting"
+            ? "approval"
+            : "tool_call",
+      startMs: tc.startedAt,
+      endMs: tc.endedAt,
+      label: tc.toolName.replace(/^mastra_workspace_/, "").replace(/_/g, " "),
+      description: `${tc.toolName}${tc.durationMs ? ` · ${tc.durationMs}ms` : ""}`,
+      detail: tc.input ? (
+        <pre className="text-[9px] opacity-70">
+          {JSON.stringify(tc.input, null, 2).slice(0, 300)}
+        </pre>
+      ) : undefined,
+    });
+  }
+
+  // Approval blocks
+  if (state.pendingToolApprovalId) {
+    const tc = state.toolCalls[state.pendingToolApprovalId];
+    if (tc?.startedAt && tc.approvalState === "awaiting") {
+      blocks.push({
+        id: `approval-${tc.id}`,
+        type: "approval",
+        startMs: tc.startedAt,
+        label: "Awaiting approval",
+      });
+    }
+  }
+
+  return blocks;
+}
+
+/**
+ * Derive `AiTimelineBlock[]` for a specific subagent lane.
+ */
+function deriveSubagentBlocks(
+  subagent: AgentSubagent,
+  toolCalls: Record<string, AgentToolCall>
+): AiTimelineBlock[] {
+  const blocks: AiTimelineBlock[] = [];
+  if (!subagent.startedAt) return blocks;
+
+  // Main running/completed/error block for the subagent itself
+  blocks.push({
+    id: `sa-main-${subagent.id}`,
+    type:
+      subagent.status === "error"
+        ? "error"
+        : subagent.status === "completed"
+          ? "completed"
+          : "running",
+    startMs: subagent.startedAt,
+    endMs: subagent.endedAt,
+    label:
+      subagent.status === "running"
+        ? "Generating"
+        : subagent.status === "completed"
+          ? "Done"
+          : "Error",
+    description: subagent.content ? subagent.content.slice(0, 120) : undefined,
+    detail: subagent.content ? (
+      <p className="text-[9px] leading-relaxed opacity-70">
+        {subagent.content.slice(0, 200)}
+      </p>
+    ) : undefined,
+  });
+
+  // Tool calls within this subagent
+  for (const tcId of subagent.toolCallIds) {
+    const tc = toolCalls[tcId];
+    if (!tc?.startedAt) continue;
+    blocks.push({
+      id: `sa-tc-${tc.id}`,
+      type: tc.state === "output-error" ? "error" : "tool_call",
+      startMs: tc.startedAt,
+      endMs: tc.endedAt,
+      label: tc.toolName.replace(/^mastra_workspace_/, "").replace(/_/g, " "),
+      description: `${tc.toolName}${tc.durationMs ? ` · ${tc.durationMs}ms` : ""}`,
+    });
+  }
+
+  return blocks;
+}
+
+// ─── Agent card grid ──────────────────────────────────────────────────────────
+
+function AgentGrid({
+  state,
+  selectedId,
+  onAgentClick,
+}: {
+  state: AgentHarnessState;
+  selectedId?: string;
+  onAgentClick?: (id: string, agent: AgentSubagent) => void;
+}) {
+  const subagents = Object.values(state.subagents);
+  if (subagents.length === 0) return null;
+
+  return (
+    <div className="grid grid-cols-2 gap-2 p-3 sm:grid-cols-3 md:grid-cols-4">
+      {subagents.map((sa) => {
+        const toolCount = sa.toolCallIds.length;
+        const durationMs =
+          sa.durationMs ??
+          (sa.startedAt ? Date.now() - sa.startedAt : undefined);
+
+        return (
+          <AiAgentCard
+            key={sa.id}
+            name={sa.name ?? sa.agentType ?? "Agent"}
+            agentType={sa.agentType}
+            status={
+              sa.status === "running"
+                ? "running"
+                : sa.status === "completed"
+                  ? "completed"
+                  : sa.status === "error"
+                    ? "error"
+                    : "idle"
+            }
+            modelId={sa.modelId}
+            currentTask={
+              sa.content ? sa.content.split("\n")[0]?.slice(0, 60) : undefined
+            }
+            duration={durationMs}
+            toolCallCount={toolCount}
+            selected={selectedId === sa.id}
+            onClick={onAgentClick ? () => onAgentClick(sa.id, sa) : undefined}
+          />
+        );
+      })}
+    </div>
+  );
+}
+
+// ─── Main Component ───────────────────────────────────────────────────────────
+
+/**
+ * `Commander` — mission-control dashboard for orchestrated multi-agent runs.
+ *
+ * Connects to the same `HarnessAdapter` as your `AgentHarness` and renders
+ * a mission header, live timeline swim lanes (one per agent), and an agent
+ * card grid — all derived from the same event stream.
+ *
+ * **Designed to be shown alongside or in place of `AgentHarness`** for runs
+ * where you want orchestration-level visibility rather than conversation detail.
+ *
+ * @example
+ * ```tsx
+ * const adapter = fromMastraHarness(harness);
+ *
+ * // Side by side
+ * <div className="grid grid-cols-2 h-screen">
+ *   <Commander adapter={adapter} title="Refactor auth module" />
+ *   <AgentHarness adapter={adapter} />
+ * </div>
+ *
+ * // Commander-only
+ * <Commander adapter={adapter} layout="timeline-cards" />
+ * ```
+ */
+export function Commander({
+  adapter = null,
+  title,
+  pixelsPerSecond = 25,
+  layout = SF_COMMANDER_DEFAULT_VARIANTS.layout,
+  showNowMarker = true,
+  autoScrollTimeline: _autoScrollTimeline = true,
+  onAgentClick,
+  onBlockClick,
+  header,
+  emptyState,
+  className,
+  ...props
+}: CommanderProps) {
+  const { state, abort } = useAgentHarness({ adapter });
+  const [selectedAgentId, setSelectedAgentId] = useState<string | undefined>();
+  const [nowMs, setNowMs] = useState(() => Date.now());
+
+  // Tick "now" every 500ms for live block widths
+  useEffect(() => {
+    if (!state.isRunning) return;
+    const id = setInterval(() => setNowMs(Date.now()), 500);
+    return () => clearInterval(id);
+  }, [state.isRunning]);
+
+  const timeOrigin = state.missionStartedAt ?? nowMs;
+  const pxPerMs = pixelsPerSecond / 1000;
+
+  // Derive timeline blocks
+  const mainBlocks = useMemo(
+    () => deriveMainLaneBlocks(state, nowMs),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      state.missionStartedAt,
+      state.missionEndedAt,
+      state.isRunning,
+      state.toolCalls,
+      nowMs,
+    ]
+  );
+
+  const subagentLanes = useMemo(() => {
+    return Object.values(state.subagents).map((sa) => ({
+      subagent: sa,
+      blocks: deriveSubagentBlocks(sa, state.toolCalls),
+    }));
+  }, [state.subagents, state.toolCalls]);
+
+  const handleAgentClick = useCallback(
+    (id: string, agent: AgentSubagent) => {
+      setSelectedAgentId((prev) => (prev === id ? undefined : id));
+      onAgentClick?.(id, agent);
+    },
+    [onAgentClick]
+  );
+
+  // Derived stats for mission header
+  const activeAgentCount = Object.values(state.subagents).filter(
+    (sa) => sa.status === "running"
+  ).length;
+  const totalAgentCount = Object.keys(state.subagents).length;
+
+  const missionTitle = title ?? state.taskList?.title;
+  const hasAnyActivity =
+    !!state.missionStartedAt || Object.keys(state.subagents).length > 0;
+  const showTimeline = layout !== "cards-only";
+  const showCards = layout !== "timeline-only";
+
+  return (
+    <div
+      className={cn(
+        "flex h-full min-h-0 flex-col overflow-hidden rounded-xl border border-sf-line bg-sf-base",
+        className
+      )}
+      {...props}
+    >
+      {/* Header */}
+      {header ?? (
+        <AiMissionHeader
+          title={missionTitle}
+          taskList={state.taskList}
+          usage={state.usage}
+          activeAgentCount={totalAgentCount > 0 ? activeAgentCount : undefined}
+          totalAgentCount={totalAgentCount > 0 ? totalAgentCount : undefined}
+          startedAt={state.missionStartedAt}
+          endedAt={state.missionEndedAt}
+          isRunning={state.isRunning}
+          onAbort={abort}
+        />
+      )}
+
+      {/* Content */}
+      <div className="flex min-h-0 flex-1 flex-col overflow-y-auto">
+        {!hasAnyActivity ? (
+          /* Empty state */
+          <div className="flex flex-1 items-center justify-center py-16 text-center">
+            {emptyState ?? (
+              <div className="flex flex-col items-center gap-2">
+                <span className="text-2xl">🎯</span>
+                <p className="text-sm text-sf-subtle">
+                  Waiting for mission to start…
+                </p>
+              </div>
+            )}
+          </div>
+        ) : (
+          <>
+            {/* Timeline */}
+            {showTimeline && (
+              <div className="border-b border-sf-line p-3">
+                <AiTimeline
+                  timeOrigin={timeOrigin}
+                  pixelsPerSecond={pixelsPerSecond}
+                  showNowMarker={showNowMarker}
+                  nowMs={nowMs}
+                >
+                  {/* Main agent lane */}
+                  {mainBlocks.length > 0 && (
+                    <AiTimelineLane
+                      label={missionTitle ? "Main" : "Agent"}
+                      agentType="main"
+                      status={
+                        state.isRunning
+                          ? "running"
+                          : state.missionEndedAt
+                            ? "completed"
+                            : "idle"
+                      }
+                      modelId={state.modelId}
+                      blocks={mainBlocks}
+                      timeOrigin={timeOrigin}
+                      nowMs={nowMs}
+                      pxPerMs={pxPerMs}
+                      onBlockClick={onBlockClick}
+                    />
+                  )}
+
+                  {/* Subagent lanes */}
+                  {subagentLanes.map(({ subagent, blocks }) => (
+                    <AiTimelineLane
+                      key={subagent.id}
+                      label={subagent.name ?? subagent.agentType ?? "Agent"}
+                      agentType={subagent.agentType}
+                      status={subagent.status}
+                      modelId={subagent.modelId}
+                      blocks={blocks}
+                      timeOrigin={timeOrigin}
+                      nowMs={nowMs}
+                      pxPerMs={pxPerMs}
+                      defaultExpanded={false}
+                      onBlockClick={onBlockClick}
+                    />
+                  ))}
+                </AiTimeline>
+              </div>
+            )}
+
+            {/* Agent card grid */}
+            {showCards && Object.keys(state.subagents).length > 0 && (
+              <AgentGrid
+                state={state}
+                selectedId={selectedAgentId}
+                onAgentClick={handleAgentClick}
+              />
+            )}
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
+
+Commander.displayName = "Commander";
+
+// Re-export adapter utilities so consumers have everything they need
+export { fromMastraHarness, useAgentHarness };
+export type { HarnessAdapter, AgentHarnessState, UseAgentHarnessReturn };

package/dist/src/blocks/commander/index.d.ts

@@ -0,0 +1,2 @@
+export { Commander, fromMastraHarness, useAgentHarness, SF_COMMANDER_VARIANTS, SF_COMMANDER_DEFAULT_VARIANTS, type CommanderProps, type SFCommanderLayout, type HarnessAdapter, type AgentHarnessState, type UseAgentHarnessReturn, } from './commander';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/blocks/commander/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/commander/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,6BAA6B,EAC7B,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,aAAa,CAAC"}

package/dist/src/blocks/delete-resource/delete-resource.d.ts

@@ -0,0 +1,46 @@
+export declare const SF_DELETE_RESOURCE_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "";
+            readonly description: "Small dialog for simple delete confirmations";
+        };
+        readonly base: {
+            readonly classes: "";
+            readonly description: "Default delete confirmation dialog size";
+        };
+    };
+};
+export declare const SF_DELETE_RESOURCE_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+export type SFDeleteResourceSize = keyof typeof SF_DELETE_RESOURCE_VARIANTS.size;
+export interface SFDeleteResourceVariantsProps {
+    size?: SFDeleteResourceSize;
+}
+export interface DeleteResourceProps extends SFDeleteResourceVariantsProps {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Callback when open state changes */
+    onOpenChange: (open: boolean) => void;
+    /** The type of resource being deleted (e.g., "Zone", "Worker", "KV Namespace") */
+    resourceType: string;
+    /** The name of the specific resource being deleted */
+    resourceName: string;
+    /** Callback when delete is confirmed */
+    onDelete: () => void | Promise<void>;
+    /** Whether the delete action is in progress */
+    isDeleting?: boolean;
+    /** Whether the confirmation input should be case-sensitive (default: true) */
+    caseSensitive?: boolean;
+    /** Custom delete button text (defaults to "Delete {resourceType}") */
+    deleteButtonText?: string;
+    /** Additional className for the dialog */
+    className?: string;
+    /** Error message to display if the delete action fails */
+    errorMessage?: string;
+}
+export declare function DeleteResource({ open, onOpenChange, resourceType, resourceName, onDelete, isDeleting, caseSensitive, deleteButtonText, size, errorMessage, className, }: DeleteResourceProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DeleteResource {
+    var displayName: string;
+}
+//# sourceMappingURL=delete-resource.d.ts.map

package/dist/src/blocks/delete-resource/delete-resource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-resource.d.ts","sourceRoot":"","sources":["../../../../src/blocks/delete-resource/delete-resource.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,2BAA2B;;;;;;;;;;;CAW9B,CAAC;AAEX,eAAO,MAAM,mCAAmC;;CAEtC,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAC9B,MAAM,OAAO,2BAA2B,CAAC,IAAI,CAAC;AAEhD,MAAM,WAAW,6BAA6B;IAC5C,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAoB,SAAQ,6BAA6B;IACxE,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,uCAAuC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,kFAAkF;IAClF,YAAY,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAkB,EAClB,aAAoB,EACpB,gBAAgB,EAChB,IAA+C,EAC/C,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CAqIrB;yBAjJe,cAAc"}