@tangle-network/sandbox-ui 0.113.7 → 0.115.0

package/dist/workbench.d.ts

@@ -1,310 +1,2 @@
-import * as React from 'react';
-import { CSSProperties } from 'react';
-import { RichFileTreeGitStatus, RichFileTreeGitEntry } from '@tangle-network/ui/files';
-import { E as ExposedPort } from './ports-list-CDIvTNnX.js';
-
-/** Which surface the artifact pane is currently showing. */
-type ArtifactView = "code" | "diff" | "preview" | "ports" | "terminal";
-/**
- * A single artifact rendered by the pane. `content` is the working copy;
- * when `baselineContent` differs from it, the Diff view becomes available
- * and renders a word-level unified diff of baseline → content.
- */
-interface SandboxArtifact {
-    id: string;
-    /** Canonical path inside the sandbox, e.g. `src/lib/retry.ts`. */
-    path: string;
-    /** Display name for the active file (usually the last path segment). */
-    filename: string;
-    /** Working-copy contents of the file. */
-    content: string;
-    /** Prior contents the working copy is diffed against. */
-    baselineContent?: string;
-    /** Explicit syntax language id (overrides extension inference). */
-    language?: string;
-    mimeType?: string;
-}
-/**
- * Live PTY terminal binding. Maps straight onto `TerminalView` — both
- * `apiUrl` and `token` are required to open a session against the sidecar.
- */
-interface SandboxArtifactTerminal {
-    apiUrl: string;
-    token: string;
-    /** Stable id so the same PTY is restored across remounts. */
-    connectionId?: string;
-    title?: string;
-    subtitle?: string;
-}
-interface SandboxArtifactPaneProps {
-    /** The active artifact shown in the Code / Diff surfaces. */
-    artifact: SandboxArtifact;
-    /**
-     * Flat list of canonical paths for the file-tree rail in the Code view.
-     * Defaults to `[artifact.path]` when omitted (single-file tree).
-     */
-    paths?: ReadonlyArray<string>;
-    /** Per-path git-status decorations for the file tree. */
-    gitStatus?: ReadonlyArray<RichFileTreeGitEntry>;
-    /** Show the Code view's file-tree rail. Off for single-file embeds where the host owns navigation/tabs. */
-    showTree?: boolean;
-    /** Exposed ports; presence enables the Ports tab. */
-    ports?: ExposedPort[];
-    /** Live preview origin; presence enables the Preview tab. */
-    previewUrl?: string;
-    /** Live terminal binding; presence enables the Terminal tab. */
-    terminal?: SandboxArtifactTerminal;
-    /** Controlled active view. Pair with `onViewChange`. */
-    activeView?: ArtifactView;
-    /** Initial view when uncontrolled. Defaults to the first available view. */
-    defaultView?: ArtifactView;
-    onViewChange?: (view: ArtifactView) => void;
-    /** Fired when a different file is chosen in the tree (host swaps artifact). */
-    onFileSelect?: (path: string) => void;
-    /** Forwarded to the Ports view. */
-    onExposePort?: (port: number) => void;
-    onRemovePort?: (port: number) => void;
-    className?: string;
-    style?: CSSProperties;
-}
-/**
- * One entry of the sandbox's git working tree, as the Changes pane lists it.
- * `additions` / `deletions` are the numstat counts the sidecar's
- * `GET /git/diff` reports per file.
- *
- * `baseline` / `current` are the file contents the diff is drawn from and are
- * absent until the consumer resolves them for the selected file. Which of the
- * two counts as "resolved" follows the status: an added or untracked file has
- * no baseline and diffs against the empty string once `current` is present; a
- * deleted file has no working copy and diffs against the empty string once
- * `baseline` is present; every other status waits for both.
- */
-interface ChangedFile {
-    path: string;
-    status: RichFileTreeGitStatus;
-    additions: number;
-    deletions: number;
-    /** Present once the consumer has resolved contents for the selected file. */
-    baseline?: string;
-    current?: string;
-    /**
-     * Why the sides could not be resolved. Shown under the file's header in
-     * place of the loading line, so a failed read never looks like a slow one.
-     */
-    loadError?: string;
-}
-interface ChangesPaneProps {
-    /** Current branch; `null` when the tree has no commits yet or is not a repository. */
-    branch: string | null;
-    ahead?: number;
-    behind?: number;
-    files: ChangedFile[];
-    selectedPath?: string;
-    onSelectFile?: (path: string) => void;
-    loading?: boolean;
-    error?: string | null;
-    onRefresh?: () => void;
-    /** Stage everything and commit. Resolve on success; reject with an Error the pane shows inline. */
-    onCommit?: (message: string) => Promise<void>;
-    onPush?: () => Promise<void>;
-    /** Which action is in flight; the pane disables the other and shows a spinner on this one. */
-    busy?: "commit" | "push" | null;
-    /** Open the file as a workbench artifact (the product wires this to its artifact opener). */
-    onOpenFile?: (path: string) => void;
-    className?: string;
-}
-
-/**
- * Blueprint-grade artifact workbench. Composes the sandbox-ui substrate
- * (`RichFileTree`, `PortsList`, `TerminalView`, `@pierre/diffs`) behind a
- * single pill-tab view switcher: Code · Diff · Preview · Ports · Terminal.
- * Tabs appear only when their data is present (Diff requires a differing
- * baseline; Preview a url; Ports a port list; Terminal a live binding), so the
- * chrome never shows a dead surface.
- */
-declare function SandboxArtifactPane({ artifact, paths, gitStatus, showTree, ports, previewUrl, terminal, activeView, defaultView, onViewChange, onFileSelect, onExposePort, onRemovePort, className, style, }: SandboxArtifactPaneProps): React.JSX.Element;
-
-/**
- * The sandbox's git working tree as a review surface: every changed file with
- * its line counts, the selected file's word-level diff beneath, and a commit
- * box in the footer. Data in, callbacks out — the pane never fetches; the
- * consumer feeds it the sidecar's `/git/status` + `/git/diff` and resolves
- * `baseline` / `current` for the file it is told was selected.
- *
- * The list is capped at 40% of the pane and scrolls, so the diff keeps its
- * room however many files changed. The row's own chrome is compact: the
- * workspace shell already gives its right pane the 56px `WorkspacePaneHeader`,
- * so this header nests beneath it at `PanelHeader` rhythm rather than adding a
- * second tall bar.
- */
-declare function ChangesPane({ branch, ahead, behind, files, selectedPath, onSelectFile, loading, error, onRefresh, onCommit, onPush, busy, onOpenFile, className, }: ChangesPaneProps): React.JSX.Element;
-
-interface PillTabItem<T extends string> {
-    value: T;
-    label: string;
-    icon?: React.ReactNode;
-}
-interface PillTabsProps<T extends string> {
-    items: ReadonlyArray<PillTabItem<T>>;
-    value: T;
-    onChange: (value: T) => void;
-    className?: string;
-    "aria-label"?: string;
-    /** Stable IDs supplied by the parent when it renders the associated panel. */
-    idPrefix?: string;
-    panelId?: string;
-}
-/**
- * Sliding-pill segmented control. Reimplemented from blueprint-agent's
- * framer-motion `PillTabs` with a measured CSS transform instead — no motion
- * dependency. A `ResizeObserver` re-measures on container resize and font
- * load so the indicator tracks the active tab exactly. Token-swapped onto the
- * sandbox-ui surface ladder.
- */
-declare function PillTabs<T extends string>({ items, value, onChange, className, "aria-label": ariaLabel, idPrefix, panelId, }: PillTabsProps<T>): React.JSX.Element;
-
-interface DiffStats {
-    added: number;
-    removed: number;
-}
-/**
- * Count added / removed lines between two file revisions.
- *
- * Ported from blueprint-agent's `computeDiffStats`: normalize CRLF, short-
- * circuit on equality, then `diffLines` with `ignoreWhitespace` so pure
- * reindentation does not inflate the counts. `newlineIsToken:false` keeps a
- * line (not its trailing newline) as the unit, matching the +/- a reader
- * counts by eye.
- */
-declare function computeDiffStats(original: string, current: string): DiffStats;
-/**
- * Build a single-file unified patch (baseline → current) for `@pierre/diffs`'
- * `PatchDiff`. `context: Infinity` would print the whole file; the default
- * 4-line context keeps hunks compact while preserving locality. Equal inputs
- * yield an empty string so callers can treat "" as "no diff".
- */
-declare function buildUnifiedPatch(filename: string, baseline: string, current: string): string;
-
-declare function GitStatusBadge({ status }: {
-    status: RichFileTreeGitStatus;
-}): React.JSX.Element;
-/** `+added −removed` line counts in mono; the same pair the Changes list prints per file. */
-declare function DiffStatsBadge({ stats, className }: {
-    stats: DiffStats;
-    className?: string;
-}): React.JSX.Element;
-interface PanelHeaderProps {
-    filename: string;
-    gitStatus?: RichFileTreeGitStatus;
-    /** Added/removed line counts; rendered only when provided (Diff view). */
-    stats?: DiffStats;
-    /** Enables the copy-to-clipboard action when set. */
-    copyText?: string;
-    /** Extra content rendered at the right edge, before the copy button. */
-    children?: React.ReactNode;
-    className?: string;
-}
-/**
- * Thin bordered chrome bar above the artifact body — filename, git-status
- * badge, optional diff counts, and a copy action. Ported in spirit from
- * blueprint-agent's `PanelHeader` (min-h, hairline bottom border, dense
- * horizontal rhythm), retoned to the sandbox-ui surface ladder.
- */
-declare function PanelHeader({ filename, gitStatus, stats, copyText, children, className }: PanelHeaderProps): React.JSX.Element;
-
-interface FileBreadcrumbProps {
-    /** Canonical path, e.g. `src/lib/retry.ts`. */
-    path: string;
-    className?: string;
-}
-/**
- * Slim path breadcrumb for the code panel. Reimplemented (not ported) from
- * blueprint-agent's `FileBreadcrumb` — that one nests a `FileTree` dropdown per
- * segment and couples to the workbench store + framer-motion. Here the rail
- * already owns navigation, so this is a read-only trail: caret-separated parent
- * segments with a file-icon leaf.
- */
-declare function FileBreadcrumb({ path, className }: FileBreadcrumbProps): React.JSX.Element;
-
-interface CodeViewProps {
-    path: string;
-    filename: string;
-    content: string;
-    language?: string;
-    /** Flat list of paths for the rail; defaults to `[path]`. */
-    paths?: ReadonlyArray<string>;
-    gitStatus?: ReadonlyArray<RichFileTreeGitEntry>;
-    onFileSelect?: (path: string) => void;
-    /** Show the file-tree rail. Off for single-file embeds where the host owns navigation. */
-    showTree?: boolean;
-    className?: string;
-}
-/**
- * Code surface: a fixed-width `RichFileTree` rail (with git-status
- * decorations) beside a breadcrumb-topped, syntax-highlighted read-only file
- * view. The rail owns navigation; selecting a path fans out to `onFileSelect`
- * so the host can swap the active artifact.
- */
-declare function CodeView({ path, filename, content, language, paths, gitStatus, onFileSelect, showTree, className, }: CodeViewProps): React.JSX.Element;
-
-interface DiffViewProps {
-    filename: string;
-    baseline: string;
-    current: string;
-    /**
-     * The renderer's own sticky file header (name + counts). On by default; a
-     * host whose chrome already names the file, such as the Changes pane under
-     * its `PanelHeader`, turns it off so the name is not printed twice.
-     */
-    showFileHeader?: boolean;
-    className?: string;
-}
-/**
- * Word-level unified diff via `@pierre/diffs`' core `FileDiff` renderer. The
- * patch is built with jsdiff's `createTwoFilesPatch` (baseline → current); the
- * renderer owns hunking, intra-line word diffing, gutters, and highlighting.
- *
- * The renderer is driven from an effect on a host element this component
- * creates for every mount, not through the library's React wrapper. The
- * wrapper hydrates the element React hands it and treats an existing shadow
- * `<pre>` as prerendered content; React StrictMode attaches, detaches, and
- * re-attaches that element on mount, so the second hydrate finds the first
- * mount's `<pre>` and renders nothing. A fresh element per effect run has no
- * such history, and the cleanup removes it (the instance is not
- * container-managed).
- */
-declare function DiffView({ filename, baseline, current, showFileHeader, className }: DiffViewProps): React.JSX.Element;
-
-interface PreviewViewProps {
-    /** Origin to load in the preview iframe. */
-    url: string;
-    className?: string;
-}
-/**
- * Live preview: a slim address bar (reload + open-in-new-tab) over a sandboxed
- * iframe. The iframe is force-remounted by bumping `iframeKey` on reload — the
- * same remount trick blueprint-agent's `Preview` uses. The readiness probe is
- * intentionally a stub here: the iframe shows optimistically and a loading
- * veil clears when the frame fires `load`. A slow load stays visible as a
- * warning, since a timer cannot prove the preview became ready.
- */
-declare function PreviewView({ url, className }: PreviewViewProps): React.JSX.Element;
-
-/** Resolve a Prism language id from an explicit hint or the filename. */
-declare function resolveLanguage(filename: string, explicit?: string): string;
-declare const BRAND_PRISM_THEME: Record<string, CSSProperties>;
-interface CodeSurfaceProps {
-    code: string;
-    filename: string;
-    language?: string;
-    showLineNumbers?: boolean;
-    className?: string;
-}
-/**
- * Read-only, brand-themed code renderer. Wrapped in a scroll container so the
- * highlighter itself never grows the layout; line numbers sit in a muted,
- * tabular column.
- */
-declare function CodeSurface({ code, filename, language, showLineNumbers, className, }: CodeSurfaceProps): React.JSX.Element;
-
-export { type ArtifactView, BRAND_PRISM_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage };
+import { A as ArtifactView, C as buildUnifiedPatch, D as PillTabsProps, E as PillTabs, F as SandboxArtifactTerminal, M as ChangesPaneProps, N as SandboxArtifact, O as ChangesPane, P as SandboxArtifactPaneProps, S as DiffStats, T as PillTabItem, _ as FileBreadcrumbProps, a as EmbeddedApp, b as PanelHeader, c as PreviewView, d as PreviewReadiness, f as DiffView, g as FileBreadcrumb, h as CodeViewProps, i as resolveLanguage, j as ChangedFile, k as SandboxArtifactPane, l as PreviewViewProps, m as CodeView, n as CodeSurface, o as EmbeddedAppView, p as DiffViewProps, r as CodeSurfaceProps, s as EmbeddedAppViewProps, t as BRAND_PRISM_THEME, u as PreviewAccess, v as DiffStatsBadge, w as computeDiffStats, x as PanelHeaderProps, y as GitStatusBadge } from "./index-CesPlOyx.js";
+export { type ArtifactView, BRAND_PRISM_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/workbench.js

@@ -1,44 +1,2 @@
-import {
-  BRAND_PRISM_THEME,
-  ChangesPane,
-  CodeSurface,
-  CodeView,
-  DiffStatsBadge,
-  DiffView,
-  FileBreadcrumb,
-  GitStatusBadge,
-  PanelHeader,
-  PillTabs,
-  PreviewView,
-  SandboxArtifactPane,
-  buildUnifiedPatch,
-  computeDiffStats,
-  resolveLanguage
-} from "./chunk-UCQNOUN3.js";
-import "./chunk-ULPLRBMF.js";
-import "./chunk-DYXXYGS4.js";
-import "./chunk-OMUIPJQZ.js";
-import "./chunk-IACRDXER.js";
-import "./chunk-MYZAW4RX.js";
-import "./chunk-ANSC5AFC.js";
-import "./chunk-RQZRXKMR.js";
-import "./chunk-BGVEHENC.js";
-import "./chunk-EI44GEQ5.js";
-import "./chunk-CZ7CSFO4.js";
-export {
-  BRAND_PRISM_THEME,
-  ChangesPane,
-  CodeSurface,
-  CodeView,
-  DiffStatsBadge,
-  DiffView,
-  FileBreadcrumb,
-  GitStatusBadge,
-  PanelHeader,
-  PillTabs,
-  PreviewView,
-  SandboxArtifactPane,
-  buildUnifiedPatch,
-  computeDiffStats,
-  resolveLanguage
-};
+import { a as DiffView, c as CodeView, d as CodeSurface, f as resolveLanguage, g as PillTabs, h as PanelHeader, i as PreviewView, l as FileBreadcrumb, m as GitStatusBadge, n as ChangesPane, o as buildUnifiedPatch, p as DiffStatsBadge, r as SandboxArtifactPane, s as computeDiffStats, t as EmbeddedAppView, u as BRAND_PRISM_THEME } from "./workbench-ztU44Jt2.js";
+export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };