@stigmer/react 3.1.1 → 3.1.2

package/session/inspector/useSessionInspector.js

@@ -1,122 +0,0 @@
-"use client";
-import { useCallback, useRef, useState } from "react";
-import { isTerminalPhase } from "../../execution/execution-phases.js";
-/**
- * Compute the system-suggested tab from selection.
- *
- * Priority:
- * 1. Thread item selected -> "inspect"
- * 2. Otherwise -> "workspace"
- *
- * Live execution progress (the agent's plan and todos) now renders inline in
- * the message thread as a {@link TodoCard}, not in a sidebar tab — so a running
- * execution no longer steers the inspector to a dedicated facet.
- */
-function deriveAutoTab(selectedItem) {
-    if (selectedItem)
-        return "inspect";
-    return "workspace";
-}
-/**
- * Build the contextual tab list with badges.
- *
- * Tab order follows the user's mental model — context before output:
- * Workspace → Config → Usage. Changes and Artifacts appear after Config
- * when data exists; Inspect appears last when a thread item is selected.
- *
- * The Changes tab surfaces only when git write-backs (PRs) exist, badged
- * with their count. Local-workspace file edits never surface a tab: they
- * render in the transcript (stamped edit rows + the per-turn decision bar),
- * which is their single review surface.
- */
-export function buildVisibleTabs(opts) {
-    const tabs = [
-        { id: "workspace", label: "Workspace" },
-        { id: "configure", label: "Config" },
-    ];
-    if (opts.hasWriteBacks) {
-        tabs.push({
-            id: "changes",
-            label: "Changes",
-            badge: opts.writeBackCount,
-        });
-    }
-    if (opts.hasArtifacts) {
-        tabs.push({
-            id: "artifacts",
-            label: "Artifacts",
-            badge: opts.artifactCount,
-        });
-    }
-    tabs.push({ id: "usage", label: "Usage" });
-    if (opts.selectedItem) {
-        tabs.push({ id: "inspect", label: "Inspect" });
-    }
-    return tabs;
-}
-/**
- * Behavior hook for SessionInspector tab state management.
- *
- * Uses the "adjust state during render" pattern from the workflow
- * `ExecutionInspector`: shadow `prevPhase`/`prevSelected` state,
- * `userPickedTabRef` for sticky manual picks, and `deriveAutoTab`
- * for system suggestions. Keeps the user's tab pick sticky until
- * a meaningful state change resets it.
- */
-export function useSessionInspector(opts) {
-    const { phase, hasWriteBacks, writeBackCount, hasArtifacts, artifactCount, hasUsage, selectedItem } = opts;
-    const tabs = buildVisibleTabs({ hasWriteBacks, writeBackCount, hasArtifacts, artifactCount, hasUsage, selectedItem });
-    // A write-back (the session's only tab-worthy change source) surfaces and
-    // auto-selects the Changes tab on first arrival.
-    const hasChanges = hasWriteBacks;
-    const [activeTab, setActiveTab] = useState(() => deriveAutoTab(selectedItem));
-    const [prevPhase, setPrevPhase] = useState(phase);
-    const [prevSelected, setPrevSelected] = useState(selectedItem);
-    const [prevHasChanges, setPrevHasChanges] = useState(hasChanges);
-    const userPickedTabRef = useRef(false);
-    // Selection changed → auto-switch to inspect (unless user picked)
-    if (selectedItem !== prevSelected) {
-        setPrevSelected(selectedItem);
-        if (selectedItem && !userPickedTabRef.current) {
-            setActiveTab("inspect");
-        }
-        if (!selectedItem && activeTab === "inspect") {
-            setActiveTab(deriveAutoTab(null));
-            userPickedTabRef.current = false;
-        }
-    }
-    // Phase changed → reset user pick if transitioning from non-terminal to terminal or vice versa
-    if (phase !== prevPhase) {
-        const wasTerminal = prevPhase !== null && isTerminalPhase(prevPhase);
-        const isNowTerminal = phase !== null && isTerminalPhase(phase);
-        setPrevPhase(phase);
-        if (wasTerminal !== isNowTerminal) {
-            userPickedTabRef.current = false;
-            setActiveTab(deriveAutoTab(selectedItem));
-        }
-    }
-    // First write-back arrived → auto-switch to changes
-    if (hasChanges && !prevHasChanges) {
-        setPrevHasChanges(hasChanges);
-        if (!userPickedTabRef.current) {
-            setActiveTab("changes");
-        }
-    }
-    if (hasChanges !== prevHasChanges) {
-        setPrevHasChanges(hasChanges);
-    }
-    // Ensure active tab is valid (the selected tab may have been removed)
-    const effectiveTab = tabs.some((t) => t.id === activeTab)
-        ? activeTab
-        : deriveAutoTab(selectedItem);
-    const onTabChange = useCallback((tabId) => {
-        userPickedTabRef.current = true;
-        setActiveTab(tabId);
-    }, []);
-    return {
-        tabs,
-        activeTab: effectiveTab,
-        onTabChange,
-    };
-}
-//# sourceMappingURL=useSessionInspector.js.map

package/session/inspector/useSessionInspector.js.map

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

package/src/session/inspector/SessionInspector.tsx

@@ -1,162 +0,0 @@
-"use client";
-
-import { memo } from "react";
-import type { AgentExecution } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/api_pb";
-import { ExecutionPhase } from "@stigmer/protos/ai/stigmer/agentic/agentexecution/v1/enum_pb";
-import { cn } from "@stigmer/theme";
-import { Tabs } from "../../tabs/Tabs.js";
-import { ExecutionPhaseBadge } from "../../execution/ExecutionPhaseBadge.js";
-import { useSessionArtifacts } from "../useSessionArtifacts.js";
-import { useSessionWriteBacks } from "../useSessionWriteBacks.js";
-import { useSessionUsage } from "../useSessionUsage.js";
-import { useSessionInspector } from "./useSessionInspector.js";
-import { ChangesTab } from "./ChangesTab.js";
-import { ArtifactsTab } from "./ArtifactsTab.js";
-import { UsageTab } from "./UsageTab.js";
-import { InspectTab } from "./InspectTab.js";
-import { SetupTab, type SetupTabProps } from "./SetupTab.js";
-import { WorkspaceTab, type WorkspaceTabProps } from "./WorkspaceTab.js";
-import type { SelectedThreadItem } from "../../internal/store/selection-store.js";
-import type { ApplyResourceResult } from "../../library/useApplyResource.js";
-
-/** Props for {@link SessionInspector}. */
-export interface SessionInspectorProps {
-  /**
-   * The most relevant execution — the active streaming execution,
-   * or the last completed one. Drives the run-status header (phase badge).
-   */
-  readonly displayExecution: AgentExecution | null;
-  /**
-   * All executions in the session (completed + active stream).
-   * Drives aggregation hooks for Changes, Artifacts, and Usage.
-   */
-  readonly allExecutions: readonly AgentExecution[];
-  /** Organization slug for artifact Apply CTA. */
-  readonly org: string;
-  /** Currently selected thread item, or null. */
-  readonly selectedItem: SelectedThreadItem | null;
-  /** Called after a resource is applied from the Artifacts tab. */
-  readonly onApplied?: (result: ApplyResourceResult) => void;
-  /**
-   * Implement a plan from the Artifacts tab. When provided, plan
-   * artifacts (`plan.md`) surface an Implement action in their preview.
-   */
-  readonly onImplementPlan?: () => void;
-  /**
-   * Session-level configuration for the Configure tab.
-   * Includes core config fields and optional interactive
-   * mutation callbacks. When mutation callbacks are absent,
-   * sections render read-only (DD-011 backward compatibility).
-   */
-  readonly sessionConfig?: SetupTabProps;
-  /**
-   * Workspace tab configuration. When provided, the Workspace tab
-   * renders interactive workspace actions (add/remove entries, file
-   * tree browsing). When absent, the tab shows an empty state.
-   */
-  readonly workspaceConfig?: WorkspaceTabProps;
-  /** Additional CSS classes. */
-  readonly className?: string;
-}
-
-/**
- * Tabbed right-side inspector panel for agent sessions.
- *
- * Displays an always-visible run-status header (phase badge) above
- * contextual tabs: Workspace, Config, Changes, Artifacts, Usage, and
- * Inspect (when a thread item is selected). The agent's plan/todos render
- * inline in the message thread (see {@link TodoCard}), not as a tab here.
- *
- * Mirrors the `ExecutionInspector` architecture from the workflow
- * view — same `Tabs` primitive, same tab-FSM behavior hook, same
- * contextual visibility pattern.
- *
- * `React.memo`'d to prevent re-renders from parent layout changes
- * that don't affect inspector data.
- *
- * All visual properties flow through `--stgm-*` tokens. Zero
- * Console/Next/Tauri dependencies (DD-004).
- */
-export const SessionInspector = memo(function SessionInspector({
-  displayExecution,
-  allExecutions,
-  org,
-  selectedItem,
-  onApplied,
-  onImplementPlan,
-  sessionConfig,
-  workspaceConfig,
-  className,
-}: SessionInspectorProps) {
-  const phase =
-    displayExecution?.status?.phase ??
-    ExecutionPhase.EXECUTION_PHASE_UNSPECIFIED;
-
-  const { hasWriteBacks, writeBackCount } = useSessionWriteBacks(allExecutions);
-  const { hasArtifacts, artifactCount } = useSessionArtifacts(allExecutions);
-  const { hasUsage } = useSessionUsage(allExecutions);
-
-  const { tabs, activeTab, onTabChange } = useSessionInspector({
-    phase: phase === ExecutionPhase.EXECUTION_PHASE_UNSPECIFIED ? null : phase,
-    hasWriteBacks,
-    writeBackCount,
-    hasArtifacts,
-    artifactCount,
-    hasUsage,
-    selectedItem,
-  });
-
-  return (
-    <div className={cn("flex h-full flex-col", className)}>
-      {/* Always-visible run-status header. Labeled as a region so the phase
-          badge is reachable as "Execution progress" by assistive tech and
-          E2E selectors, independent of which tab is active. */}
-      <div
-        role="region"
-        aria-label="Execution progress"
-        className="flex items-center gap-2 border-b border-border px-3 py-2.5"
-      >
-        {phase !== ExecutionPhase.EXECUTION_PHASE_UNSPECIFIED ? (
-          <ExecutionPhaseBadge phase={phase} />
-        ) : (
-          <span className="text-xs text-muted-foreground">No execution</span>
-        )}
-      </div>
-
-      {/* Tabs + content */}
-      <Tabs
-        tabs={tabs}
-        activeTab={activeTab}
-        onTabChange={onTabChange}
-        aria-label="Session details"
-        className="min-h-0 flex-1"
-      >
-        <div className="h-full min-h-0 overflow-y-auto px-3 py-3">
-          {activeTab === "workspace" && workspaceConfig && (
-            <WorkspaceTab {...workspaceConfig} />
-          )}
-          {activeTab === "configure" && sessionConfig && (
-            <SetupTab {...sessionConfig} />
-          )}
-          {activeTab === "changes" && (
-            <ChangesTab executions={allExecutions} />
-          )}
-          {activeTab === "artifacts" && (
-            <ArtifactsTab
-              executions={allExecutions}
-              org={org}
-              onApplied={onApplied}
-              onImplementPlan={onImplementPlan}
-            />
-          )}
-          {activeTab === "usage" && (
-            <UsageTab executions={allExecutions} />
-          )}
-          {activeTab === "inspect" && (
-            <InspectTab selectedItem={selectedItem} />
-          )}
-        </div>
-      </Tabs>
-    </div>
-  );
-});

package/src/session/inspector/WorkspaceTab.tsx

@@ -1,245 +0,0 @@
-"use client";
-
-import { useCallback, useState } from "react";
-import { cn } from "@stigmer/theme";
-import type { UseWorkspaceEntriesReturn, WorkspaceEntry } from "../../workspace/useWorkspaceEntries.js";
-import type { WorkspaceFileLister } from "../../workspace/WorkspaceFileLister.js";
-import { WorkspaceEntryFiles } from "../../workspace/WorkspaceEntryFiles.js";
-import type { UseGitHubConnectionReturn } from "../../github/useGitHubConnection.js";
-
-/**
- * Interactive workspace actions required by the Workspace tab.
- * Mirrors the shape from SetupTab for consistency but is the
- * primary owner going forward.
- */
-export interface WorkspaceTabActions {
-  readonly workspace: UseWorkspaceEntriesReturn;
-  readonly enableGitHub?: boolean;
-  readonly enableLocal?: boolean;
-  readonly gitHubConnection?: UseGitHubConnectionReturn;
-  readonly onBrowseLocalFolder?: () => Promise<string | null>;
-  readonly workspaceFileLister?: WorkspaceFileLister;
-}
-
-/** Props for {@link WorkspaceTab}. */
-export interface WorkspaceTabProps {
-  readonly actions: WorkspaceTabActions;
-}
-
-/**
- * Dedicated workspace tab for the SessionInspector.
- *
- * Provides a full-height layout for managing workspace entries:
- * - Entry list with expandable file trees (accordion, one at a time)
- * - Add actions: Browse Folder and Connect GitHub
- * - Short display names with full path on hover
- *
- * Entries start collapsed by default to avoid expensive file-listing
- * fetches until the user explicitly expands one.
- *
- * All visual properties flow through `--stgm-*` tokens (DD-005).
- */
-export function WorkspaceTab({ actions }: WorkspaceTabProps) {
-  const {
-    workspace,
-    enableGitHub = true,
-    enableLocal = false,
-    onBrowseLocalFolder,
-    workspaceFileLister,
-  } = actions;
-
-  const canBrowse = enableLocal && onBrowseLocalFolder;
-  const hasEntries = workspace.entries.length > 0;
-
-  return (
-    <div className="flex h-full flex-col gap-3">
-      {hasEntries && (
-        <WorkspaceEntryList
-          entries={workspace.entries}
-          onRemove={workspace.remove}
-          lister={workspaceFileLister}
-        />
-      )}
-
-      {!hasEntries && (
-        <EmptyState />
-      )}
-
-      <div className="flex flex-col gap-0.5">
-        {canBrowse && (
-          <button
-            type="button"
-            onClick={async () => {
-              const path = await onBrowseLocalFolder();
-              if (path) workspace.addLocalPath(path);
-            }}
-            className="flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-xs text-foreground transition-colors hover:bg-accent-hover"
-          >
-            <FolderPlusIcon />
-            <span className="flex-1 text-left">Browse Folder</span>
-          </button>
-        )}
-        {enableGitHub && (
-          <button
-            type="button"
-            onClick={() => {
-              /* GitHub picker is handled via the composer's Configure menu.
-                 This button is a placeholder affordance for visual parity. */
-            }}
-            className="flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-xs text-foreground transition-colors hover:bg-accent-hover"
-          >
-            <GitHubIcon />
-            <span className="flex-1 text-left">Connect GitHub</span>
-          </button>
-        )}
-      </div>
-    </div>
-  );
-}
-
-// ---------------------------------------------------------------------------
-// Workspace entry list — accordion with file tree expansion
-// ---------------------------------------------------------------------------
-
-function WorkspaceEntryList({
-  entries,
-  onRemove,
-  lister,
-}: {
-  readonly entries: readonly WorkspaceEntry[];
-  readonly onRemove: (id: string) => void;
-  readonly lister: WorkspaceFileLister | undefined;
-}) {
-  const [expandedId, setExpandedId] = useState<string | null>(null);
-
-  const toggleExpand = useCallback((id: string) => {
-    setExpandedId((prev) => (prev === id ? null : id));
-  }, []);
-
-  return (
-    <div className="flex flex-col gap-1.5">
-      {entries.map((entry) => {
-        const isExpandable = !!lister;
-        const isExpanded = expandedId === entry.id;
-
-        return (
-          <div key={entry.id} className="flex flex-col">
-            <div
-              className={cn(
-                "flex items-center gap-2 rounded-md border border-border bg-muted-faint px-2.5 py-2 text-xs",
-                isExpandable && "cursor-pointer hover:bg-muted transition-colors",
-              )}
-              onClick={isExpandable ? () => toggleExpand(entry.id) : undefined}
-              role={isExpandable ? "button" : undefined}
-              aria-expanded={isExpandable ? isExpanded : undefined}
-              tabIndex={isExpandable ? 0 : undefined}
-              onKeyDown={isExpandable ? (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  toggleExpand(entry.id);
-                }
-              } : undefined}
-            >
-              {isExpandable && (
-                <span className="shrink-0 text-[10px] text-muted-foreground-subtle">
-                  {isExpanded ? "▼" : "▶"}
-                </span>
-              )}
-              {entry.type === "git" ? (
-                <GitHubIcon />
-              ) : (
-                <FolderIcon />
-              )}
-              <div className="min-w-0 flex-1">
-                <span
-                  className="block truncate font-medium text-foreground"
-                  title={entry.type === "local" ? entry.localPath : entry.gitUrl}
-                >
-                  {entry.name}
-                </span>
-                {entry.type === "git" && entry.gitBranch && (
-                  <span className="block truncate text-[0.6rem] text-muted-foreground">
-                    {entry.gitBranch}
-                  </span>
-                )}
-              </div>
-              <button
-                type="button"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  onRemove(entry.id);
-                }}
-                className="shrink-0 text-muted-foreground hover:text-destructive transition-colors"
-                aria-label={`Remove ${entry.name}`}
-              >
-                <XIcon />
-              </button>
-            </div>
-            {isExpandable && lister && (
-              <WorkspaceEntryFiles
-                entry={entry}
-                lister={lister}
-                isExpanded={isExpanded}
-              />
-            )}
-          </div>
-        );
-      })}
-    </div>
-  );
-}
-
-// ---------------------------------------------------------------------------
-// Empty state
-// ---------------------------------------------------------------------------
-
-function EmptyState() {
-  return (
-    <div className="flex flex-col items-center justify-center gap-2 py-8 text-center">
-      <FolderIcon className="h-8 w-8 text-muted-foreground/40" />
-      <div className="space-y-1">
-        <p className="text-xs font-medium text-foreground">No workspace attached</p>
-        <p className="text-[0.65rem] text-muted-foreground">
-          Add a folder or GitHub repo for the agent to work with.
-        </p>
-      </div>
-    </div>
-  );
-}
-
-// ---------------------------------------------------------------------------
-// Inline SVG icons (SDK independence — no lucide dependency)
-// ---------------------------------------------------------------------------
-
-function XIcon() {
-  return (
-    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
-      <path d="M4 4L10 10M10 4L4 10" />
-    </svg>
-  );
-}
-
-function FolderIcon({ className: cls }: { className?: string }) {
-  return (
-    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" className={cn("shrink-0 text-muted-foreground", cls)}>
-      <path d="M1.5 3.5V11a1 1 0 001 1h9a1 1 0 001-1V5.5a1 1 0 00-1-1H7L5.5 3H2.5a1 1 0 00-1 .5z" />
-    </svg>
-  );
-}
-
-function FolderPlusIcon() {
-  return (
-    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" className="shrink-0 text-muted-foreground">
-      <path d="M1.5 3.5V11a1 1 0 001 1h9a1 1 0 001-1V5.5a1 1 0 00-1-1H7L5.5 3H2.5a1 1 0 00-1 .5z" />
-      <path d="M7 7v3M5.5 8.5h3" />
-    </svg>
-  );
-}
-
-function GitHubIcon() {
-  return (
-    <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor" className="shrink-0 text-muted-foreground">
-      <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" />
-    </svg>
-  );
-}