@tangle-network/sandbox-ui 0.2.2 → 0.3.4

package/dist/index.d.ts

@@ -3,21 +3,25 @@ export { Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Card, CardConte
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default from 'react';
-export { AuditCheck, AuditResults, AuditResultsProps, BannerType, ContextBadge, FormAudit, StatusBanner, StatusBannerProps, StatusBar, StatusBarProps, TerminalLine, TerminalPanel, TerminalProps, WorkspaceLayout, WorkspaceLayoutProps } from './workspace.js';
-export { ChatContainer, ChatInput, ChatInputProps, ChatMessage, ChatMessageList, ChatMessageListProps, ChatMessageProps, Message, MessageList, MessageRole, PendingFile, ThinkingIndicator, UserMessage } from './chat.js';
+export { AgentWorkbench, AuditCheck, AuditResults, AuditResultsProps, BannerType, ContextBadge, DirectoryPane, DirectoryPaneProps, FormAudit, RuntimePane, RuntimePaneProps, SandboxWorkbench, SandboxWorkbenchArtifact, SandboxWorkbenchCustomArtifact, SandboxWorkbenchFileArtifact, SandboxWorkbenchLayoutOptions, SandboxWorkbenchMarkdownArtifact, SandboxWorkbenchOpenUIArtifact, SandboxWorkbenchProps, SandboxWorkbenchSessionProps, StatusBanner, StatusBannerProps, StatusBar, StatusBarProps, TerminalLine, TerminalPanel, TerminalProps, WorkspaceLayout, WorkspaceLayoutProps } from './workspace.js';
+export { A as ArtifactPane, a as ArtifactPaneProps, F as FileNode, b as FileTabData, c as FileTabs, d as FileTabsProps, e as FileTree, f as FileTreeProps, g as FileTreeVisibilityOptions, h as filterFileTree } from './file-tabs-CmaoDVBI.js';
+export { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from './openui.js';
+export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatMessage, ChatMessageProps, MessageList, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage } from './chat.js';
+export { C as ChatContainer, a as ChatInput, b as ChatInputProps, P as PendingFile } from './chat-container-C8eHLw8z.js';
 export { F as FeedSegment, T as ToolCallData, a as ToolCallFeed, b as ToolCallFeedProps, c as ToolCallGroup, d as ToolCallGroupProps, e as ToolCallStatus, f as ToolCallStep, g as ToolCallStepProps, h as ToolCallType, p as parseToolEvent } from './tool-call-feed-D5Ume-Pt.js';
-export { E as ExpandedToolDetail, I as InlineThinkingItem, c as InlineToolItem, R as RunGroup } from './expanded-tool-detail-OkXGqTHe.js';
+export { E as ExpandedToolDetail, I as InlineThinkingItem, c as InlineToolItem, R as RunGroup } from './expanded-tool-detail-BDi_h_dZ.js';
 import { b as ToolPart } from './parts-CyGkM6Fp.js';
 export { R as ReasoningPart, S as SessionMessage, a as SessionPart, T as TextPart, c as ToolState, d as ToolStatus, e as ToolTime } from './parts-CyGkM6Fp.js';
-export { FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps } from './files.js';
-export { Backend, BackendSelector, BackendSelectorProps, DashboardLayout, DashboardLayoutProps, DashboardUser, NavItem, ProfileComparison, ProfileComparisonProps, ProfileSelector, ProfileSelectorProps, VariantList, VariantListProps } from './dashboard.js';
-export { c as BillingDashboard, d as BillingDashboardProps, e as PricingCards, f as PricingPageProps, g as UsageChart, h as UsageChartProps, U as UsageDataPoint } from './usage-chart-DINgSVL5.js';
+export { FileArtifactPane, FileArtifactPaneProps, FilePreview, FilePreviewProps } from './files.js';
+export { A as AppSidebar, a as AppSidebarProps, B as Backend, b as BackendSelector, c as BackendSelectorProps, C as ClusterStatusBar, d as ClusterStatusBarProps, e as ClusterStatusItem, D as DashboardLayout, f as DashboardLayoutProps, g as DashboardUser, N as NavItem, h as NewSandboxCard, i as NewSandboxCardProps, P as ProfileComparison, j as ProfileComparisonProps, k as ProfileSelector, l as ProfileSelectorProps, R as ResourceMeter, m as ResourceMeterProps, S as SandboxCard, n as SandboxCardData, o as SandboxCardProps, p as SandboxStatus, q as SandboxTable, r as SandboxTableProps, s as SidebarNavItem, t as SidebarSandbox, T as TopNavLink, V as VariantList, u as VariantListProps } from './index-BOjBJwzD.js';
+export { c as BillingDashboard, d as BillingDashboardProps, e as PricingCards, f as PricingPageProps, g as UsageChart, h as UsageChartProps, U as UsageDataPoint } from './usage-chart-CY9xo3KX.js';
 export { AuthHeader, GitHubLoginButton, UserMenu } from './auth.js';
-export { CodeBlock, CopyButton, Markdown, MarkdownProps, SimpleMarkdown, SimpleMarkdownProps, simpleMarkdownStyles } from './markdown.js';
-export { o as UseToolCallStreamReturn, p as createAuthFetcher, u as useApiKey, q as useAuth, r as useAutoScroll, s as useDropdownMenu, t as usePtySession, v as useRunCollapseState, w as useRunGroups, x as useSSEStream, y as useSessionStream, z as useSidecarAuth, D as useToolCallStream } from './use-sidecar-auth-Bb0-w3lX.js';
+export { CodeBlock, CopyButton, Markdown, MarkdownProps } from './markdown.js';
+export { AppendUserMessageOptions, ApplySdkEventOptions, BeginAssistantMessageOptions, CompleteAssistantMessageOptions, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream } from './sdk-hooks.js';
+export { d as createAuthFetcher, u as useApiKey, e as useAuth, f as usePtySession } from './use-pty-session-DeZSxOCN.js';
 export { G as GroupedMessage, R as Run, b as RunStats, T as ToolCategory } from './run-CtFZ6s-D.js';
 export { S as Session } from './sidecar-CFU2W9j1.js';
-export { C as CustomToolRenderer, D as DisplayVariant, T as ToolDisplayMetadata } from './tool-display-BvsVW_Ur.js';
+export { C as CustomToolRenderer, D as DisplayVariant, T as ToolDisplayMetadata } from './tool-display-Ct9nFAzJ.js';
 export { A as AgentBranding } from './branding-DCi5VEik.js';
 export { TOOL_CATEGORY_ICONS, cn, copyText, formatDuration, getToolCategory, getToolDisplayMetadata, getToolErrorText, timeAgo, truncateText } from './utils.js';
 import 'class-variance-authority/types';
@@ -67,4 +71,29 @@ interface WriteFilePreviewProps {
  */
 declare const WriteFilePreview: React.MemoExoticComponent<({ part }: WriteFilePreviewProps) => react_jsx_runtime.JSX.Element | null>;
 
-export { CodeBlock as CodeBlockDisplay, CommandPreview, InlineCode, ThemeToggle, ToolPart, WriteFilePreview, useTheme };
+interface GrepResultsPreviewProps {
+    part: ToolPart;
+}
+declare const GrepResultsPreview: React.MemoExoticComponent<({ part }: GrepResultsPreviewProps) => react_jsx_runtime.JSX.Element>;
+
+interface GlobResultsPreviewProps {
+    part: ToolPart;
+}
+declare const GlobResultsPreview: React.MemoExoticComponent<({ part }: GlobResultsPreviewProps) => react_jsx_runtime.JSX.Element>;
+
+interface WebSearchPreviewProps {
+    part: ToolPart;
+}
+declare const WebSearchPreview: React.MemoExoticComponent<({ part }: WebSearchPreviewProps) => react_jsx_runtime.JSX.Element>;
+
+interface QuestionPreviewProps {
+    part: ToolPart;
+}
+declare const QuestionPreview: React.MemoExoticComponent<({ part }: QuestionPreviewProps) => react_jsx_runtime.JSX.Element>;
+
+interface DiffPreviewProps {
+    part: ToolPart;
+}
+declare const DiffPreview: React.MemoExoticComponent<({ part }: DiffPreviewProps) => react_jsx_runtime.JSX.Element>;
+
+export { CodeBlock as CodeBlockDisplay, CommandPreview, DiffPreview, GlobResultsPreview, GrepResultsPreview, InlineCode, QuestionPreview, ThemeToggle, ToolPart, WebSearchPreview, WriteFilePreview, useTheme };

package/dist/index.js

@@ -1,25 +1,28 @@
+import {
+  copyText,
+  timeAgo
+} from "./chunk-QD4QE5P5.js";
 import {
   AuthHeader,
   GitHubLoginButton,
   UserMenu
-} from "./chunk-OU4TRNQZ.js";
+} from "./chunk-COCSO7FG.js";
 import {
   createAuthFetcher,
   useApiKey,
-  useAuth,
+  useAuth
+} from "./chunk-FJSVPBKY.js";
+import {
+  usePtySession
+} from "./chunk-GRYHFH5O.js";
+import {
   useDropdownMenu,
   useSSEStream,
+  useSdkSession,
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-HYEAX3DC.js";
-import {
-  usePtySession
-} from "./chunk-GRYHFH5O.js";
-import {
-  copyText,
-  timeAgo
-} from "./chunk-QD4QE5P5.js";
+} from "./chunk-5LV6DZZF.js";
 import {
   Label,
   Select,
@@ -34,14 +37,6 @@ import {
   SelectValue,
   StatCard,
   Switch,
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow,
   TerminalCursor,
   TerminalDisplay,
   TerminalInput,
@@ -49,7 +44,7 @@ import {
   ToastContainer,
   ToastProvider,
   useToast
-} from "./chunk-SOT2V7TX.js";
+} from "./chunk-TXI4MZAZ.js";
 import {
   Avatar,
   AvatarFallback,
@@ -66,87 +61,118 @@ import {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
-  EmptyState,
-  Input,
   Tabs,
   TabsContent,
   TabsList,
-  TabsTrigger,
+  TabsTrigger
+} from "./chunk-PDV7W4NY.js";
+import {
+  ToolCallFeed,
+  parseToolEvent
+} from "./chunk-CCKNIAS7.js";
+import {
+  AgentWorkbench,
+  AuditResults,
+  DirectoryPane,
+  RuntimePane,
+  SandboxWorkbench,
+  StatusBanner,
+  StatusBar,
+  TerminalPanel,
+  WorkspaceLayout
+} from "./chunk-QGI5E7JD.js";
+import {
+  EmptyState,
+  Input,
   Textarea
-} from "./chunk-NI2EI43H.js";
+} from "./chunk-MUOL44AE.js";
 import {
+  AgentTimeline,
   ChatContainer,
   ChatInput,
   ChatMessage,
-  ChatMessageList,
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-U62G5TS7.js";
+} from "./chunk-4F2GJRGU.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
-} from "./chunk-KMXV7DDX.js";
-import {
-  ToolCallFeed,
-  ToolCallGroup,
-  ToolCallStep,
-  parseToolEvent
-} from "./chunk-M6VLC32S.js";
+} from "./chunk-CNWVHQFY.js";
 import {
   CommandPreview,
+  DiffPreview,
   ExpandedToolDetail,
+  GlobResultsPreview,
+  GrepResultsPreview,
   InlineThinkingItem,
   InlineToolItem,
+  QuestionPreview,
   RunGroup,
+  WebSearchPreview,
   WriteFilePreview
-} from "./chunk-6MQIDUPA.js";
-import {
-  CodeBlock,
-  CopyButton,
-  Markdown
-} from "./chunk-LTFK464G.js";
-import {
-  SimpleMarkdown,
-  simpleMarkdownStyles
-} from "./chunk-M34OA6PQ.js";
+} from "./chunk-WUR652Y3.js";
 import {
   formatDuration,
   truncateText
 } from "./chunk-HRMUF35V.js";
+import {
+  ToolCallGroup,
+  ToolCallStep
+} from "./chunk-CJ2RYVZH.js";
 import {
   TOOL_CATEGORY_ICONS,
   getToolCategory,
   getToolDisplayMetadata,
   getToolErrorText
-} from "./chunk-QSQBDR3N.js";
+} from "./chunk-BX6AQMUS.js";
 import {
-  AuditResults,
-  StatusBanner,
-  StatusBar,
-  TerminalPanel,
-  WorkspaceLayout
-} from "./chunk-KYY2X6LY.js";
+  CodeBlock,
+  InlineCode,
+  OpenUIArtifactRenderer
+} from "./chunk-YDBXQQLC.js";
+import {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "./chunk-TQN3VR4F.js";
 import {
+  ArtifactPane,
+  FileArtifactPane,
   FilePreview,
   FileTabs,
-  FileTree
-} from "./chunk-L6ZDH5F4.js";
+  FileTree,
+  filterFileTree
+} from "./chunk-JF6E2DS5.js";
+import {
+  CodeBlock as CodeBlock2,
+  CopyButton,
+  Markdown
+} from "./chunk-LTFK464G.js";
 import {
+  AppSidebar,
   BackendSelector,
+  ClusterStatusBar,
   DashboardLayout,
+  NewSandboxCard,
   ProfileComparison,
   ProfileSelector,
-  ThemeToggle,
-  VariantList,
-  useTheme
-} from "./chunk-J4OADEUK.js";
+  ResourceMeter,
+  SandboxCard,
+  SandboxTable,
+  VariantList
+} from "./chunk-HY5IBRCE.js";
 import {
   BillingDashboard,
   PricingPage,
   UsageChart
-} from "./chunk-4EIWPJMJ.js";
+} from "./chunk-ZP6GSX4D.js";
 import {
   Logo,
   TangleKnot
@@ -168,6 +194,12 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
 } from "./chunk-MCGKDCOR.js";
+import {
+  Progress,
+  Skeleton,
+  SkeletonCard,
+  SkeletonTable
+} from "./chunk-FRGMMANX.js";
 import {
   Badge,
   Card,
@@ -176,82 +208,105 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
-  Progress,
-  Skeleton,
-  SkeletonCard,
-  SkeletonTable,
   badgeVariants
-} from "./chunk-2UHPE5T7.js";
+} from "./chunk-MXCSSOGH.js";
 import {
   Button,
   buttonVariants
-} from "./chunk-E6FS7R4X.js";
+} from "./chunk-HWLX5NME.js";
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
 
-// src/primitives/code-block.tsx
-import { clsx } from "clsx";
-import { useState } from "react";
+// src/primitives/theme-toggle.tsx
+import { useCallback, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function CodeBlock2({
-  code,
-  language,
-  showCopy = true,
-  showLineNumbers = false,
-  className,
-  ...props
-}) {
-  const [copied, setCopied] = useState(false);
-  const handleCopy = async () => {
-    await navigator.clipboard.writeText(code);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2e3);
-  };
-  const lines = code.split("\n");
-  return /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
-    /* @__PURE__ */ jsx(
-      "pre",
-      {
-        className: clsx(
-          "overflow-x-auto rounded-lg border border-[#262626] bg-[#0a0a0a] p-4 font-mono text-sm",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx("code", { className: language ? `language-${language}` : void 0, children: showLineNumbers ? /* @__PURE__ */ jsx("table", { className: "w-full", children: /* @__PURE__ */ jsx("tbody", { children: lines.map((line, i) => /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsx("td", { className: "w-8 select-none pr-4 text-right text-[#525252]", children: i + 1 }),
-          /* @__PURE__ */ jsx("td", { className: "text-[#a1a1a1]", children: line || " " })
-        ] }, i)) }) }) : /* @__PURE__ */ jsx("span", { className: "text-[#a1a1a1]", children: code }) })
-      }
-    ),
-    showCopy && /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: handleCopy,
-        className: clsx(
-          "absolute top-2 right-2 rounded px-2 py-1 text-xs",
-          "bg-[#262626] text-[#a1a1a1] hover:bg-[#363636] hover:text-white",
-          "opacity-0 transition-opacity group-hover:opacity-100"
-        ),
-        children: copied ? "Copied!" : "Copy"
-      }
-    )
-  ] });
+function getSystemTheme() {
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function applyTheme(theme) {
+  const resolved = theme === "system" ? getSystemTheme() : theme;
+  document.documentElement.classList.toggle("dark", resolved === "dark");
 }
-function InlineCode({ className, children, ...props }) {
+function useTheme() {
+  const [theme, setThemeState] = useState(() => {
+    if (typeof window === "undefined") return "system";
+    return localStorage.getItem("theme") ?? "system";
+  });
+  const setTheme = useCallback((next) => {
+    setThemeState(next);
+    if (next === "system") {
+      localStorage.removeItem("theme");
+    } else {
+      localStorage.setItem("theme", next);
+    }
+    applyTheme(next);
+  }, []);
+  useEffect(() => {
+    applyTheme(theme);
+    if (theme !== "system") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const handler = () => applyTheme("system");
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, [theme]);
+  return { theme, setTheme };
+}
+var iconClass = "h-4 w-4";
+function SunIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: iconClass,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: 12, cy: 12, r: 5 }),
+        /* @__PURE__ */ jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
+      ]
+    }
+  );
+}
+function MoonIcon() {
   return /* @__PURE__ */ jsx(
-    "code",
+    "svg",
     {
-      className: clsx(
-        "rounded border border-[#262626] bg-[#1a1a1a] px-1.5 py-0.5 font-mono text-sm",
-        className
-      ),
-      ...props,
-      children
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: iconClass,
+      children: /* @__PURE__ */ jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+    }
+  );
+}
+function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  const resolved = theme === "system" ? getSystemTheme() : theme;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => setTheme(resolved === "dark" ? "light" : "dark"),
+      className: "inline-flex items-center justify-center rounded-md p-2 text-muted-foreground hover:bg-accent hover:text-accent-foreground transition-colors",
+      "aria-label": `Switch to ${resolved === "dark" ? "light" : "dark"} mode`,
+      children: resolved === "dark" ? /* @__PURE__ */ jsx(SunIcon, {}) : /* @__PURE__ */ jsx(MoonIcon, {})
     }
   );
 }
 export {
+  AgentTimeline,
+  AgentWorkbench,
+  AppSidebar,
+  ArtifactPane,
   AuditResults,
   AuthHeader,
   Avatar,
@@ -270,9 +325,9 @@ export {
   ChatContainer,
   ChatInput,
   ChatMessage,
-  ChatMessageList,
-  CodeBlock,
-  CodeBlock2 as CodeBlockDisplay,
+  ClusterStatusBar,
+  CodeBlock2 as CodeBlock,
+  CodeBlock as CodeBlockDisplay,
   CommandPreview,
   CopyButton,
   DashboardLayout,
@@ -286,6 +341,8 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DiffPreview,
+  DirectoryPane,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -303,10 +360,13 @@ export {
   DropdownMenuTrigger,
   EmptyState,
   ExpandedToolDetail,
+  FileArtifactPane,
   FilePreview,
   FileTabs,
   FileTree,
   GitHubLoginButton,
+  GlobResultsPreview,
+  GrepResultsPreview,
   InlineCode,
   InlineThinkingItem,
   InlineToolItem,
@@ -315,11 +375,19 @@ export {
   Logo,
   Markdown,
   MessageList,
+  NewSandboxCard,
+  OpenUIArtifactRenderer,
   PricingPage as PricingCards,
   ProfileComparison,
   ProfileSelector,
   Progress,
+  QuestionPreview,
+  ResourceMeter,
   RunGroup,
+  RuntimePane,
+  SandboxCard,
+  SandboxTable,
+  SandboxWorkbench,
   Select,
   SelectContent,
   SelectGroup,
@@ -330,7 +398,6 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
-  SimpleMarkdown,
   Skeleton,
   SkeletonCard,
   SkeletonTable,
@@ -369,6 +436,7 @@ export {
   UserMenu,
   UserMessage,
   VariantList,
+  WebSearchPreview,
   WorkspaceLayout,
   WriteFilePreview,
   badgeVariants,
@@ -376,12 +444,12 @@ export {
   cn,
   copyText,
   createAuthFetcher,
+  filterFileTree,
   formatDuration,
   getToolCategory,
   getToolDisplayMetadata,
   getToolErrorText,
   parseToolEvent,
-  simpleMarkdownStyles,
   timeAgo,
   truncateText,
   useApiKey,
@@ -392,6 +460,7 @@ export {
   useRunCollapseState,
   useRunGroups,
   useSSEStream,
+  useSdkSession,
   useSessionStream,
   useSidecarAuth,
   useTheme,

package/dist/markdown.d.ts

@@ -2,29 +2,6 @@ import * as React from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-/**
- * SimpleMarkdown — lightweight markdown renderer with Tangle styling.
- *
- * GFM tables, fenced code blocks with syntax highlighting,
- * lists, links, blockquotes, headings. Tangle dark theme.
- * No external dependencies (no react-markdown).
- */
-interface SimpleMarkdownProps {
-    content: string;
-    className?: string;
-}
-/**
- * Lightweight markdown renderer — no external dependency.
- * Handles the common patterns: headings, bold, italic, code, links, lists, tables, blockquotes.
- * For full GFM, consumers can swap in react-markdown at the app level.
- */
-declare function SimpleMarkdown({ content, className }: SimpleMarkdownProps): react_jsx_runtime.JSX.Element;
-/**
- * CSS for the markdown renderer. Import this in your app's global styles
- * or include via <style> tag.
- */
-declare const simpleMarkdownStyles = "\n.tangle-prose {\n  font-family: var(--font-sans);\n  color: var(--text-primary);\n  font-size: 0.9375rem;\n  line-height: 1.6;\n}\n.tangle-prose p { margin: 0.5em 0; }\n.tangle-prose p:last-child { margin-bottom: 0; }\n.tangle-h1 { font-size: 1.5rem; font-weight: 700; margin: 1em 0 0.5em; }\n.tangle-h2 { font-size: 1.25rem; font-weight: 700; margin: 1em 0 0.5em; }\n.tangle-h3 { font-size: 1.1rem; font-weight: 600; margin: 0.75em 0 0.4em; }\n.tangle-h4, .tangle-h5, .tangle-h6 { font-size: 1rem; font-weight: 600; margin: 0.5em 0 0.3em; }\n.tangle-inline-code {\n  font-family: var(--font-mono);\n  font-size: 0.85em;\n  background: var(--bg-input);\n  border: 1px solid var(--border-subtle);\n  border-radius: 4px;\n  padding: 0.15em 0.4em;\n}\n.tangle-code-block {\n  position: relative;\n  margin: 0.75em 0;\n  background: var(--bg-input);\n  border: 1px solid var(--border-subtle);\n  border-radius: var(--radius-md);\n  overflow: hidden;\n}\n.tangle-code-lang {\n  position: absolute;\n  top: 8px;\n  right: 12px;\n  font-family: var(--font-mono);\n  font-size: 11px;\n  color: var(--text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.tangle-code-block pre {\n  margin: 0;\n  padding: 1rem;\n  overflow-x: auto;\n  font-family: var(--font-mono);\n  font-size: 13px;\n  line-height: 1.55;\n  color: var(--text-secondary);\n}\n.tangle-link {\n  color: var(--brand-cool);\n  text-decoration: none;\n}\n.tangle-link:hover { text-decoration: underline; }\n.tangle-blockquote {\n  border-left: 3px solid var(--border-accent);\n  padding: 0.5em 1em;\n  margin: 0.5em 0;\n  color: var(--text-secondary);\n}\n.tangle-list {\n  margin: 0.5em 0;\n  padding-left: 1.5em;\n}\n.tangle-list li { margin: 0.2em 0; }\n.tangle-list-ordered { list-style-type: decimal; }\n.tangle-table-wrap { overflow-x: auto; margin: 0.75em 0; }\n.tangle-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.875rem;\n}\n.tangle-table th {\n  text-align: left;\n  padding: 0.5em 0.75em;\n  border-bottom: 2px solid var(--border-default);\n  font-weight: 600;\n  color: var(--text-secondary);\n  white-space: nowrap;\n}\n.tangle-table td {\n  padding: 0.4em 0.75em;\n  border-bottom: 1px solid var(--border-subtle);\n  color: var(--text-secondary);\n}\n.tangle-table tr:hover td { background: var(--bg-hover); }\n.tangle-hr {\n  border: none;\n  border-top: 1px solid var(--border-subtle);\n  margin: 1em 0;\n}\nstrong { font-weight: 700; }\nem { font-style: italic; }\n";
-
 interface MarkdownProps {
     children: string;
     className?: string;
@@ -52,4 +29,4 @@ declare const CopyButton: React.MemoExoticComponent<({ text }: {
     text: string;
 }) => react_jsx_runtime.JSX.Element>;
 
-export { CodeBlock, type CodeBlockProps, CopyButton, Markdown, type MarkdownProps, SimpleMarkdown, type SimpleMarkdownProps, simpleMarkdownStyles };
+export { CodeBlock, type CodeBlockProps, CopyButton, Markdown, type MarkdownProps };

package/dist/markdown.js

@@ -3,15 +3,9 @@ import {
   CopyButton,
   Markdown
 } from "./chunk-LTFK464G.js";
-import {
-  SimpleMarkdown,
-  simpleMarkdownStyles
-} from "./chunk-M34OA6PQ.js";
 import "./chunk-RQHJBTEU.js";
 export {
   CodeBlock,
   CopyButton,
-  Markdown,
-  SimpleMarkdown,
-  simpleMarkdownStyles
+  Markdown
 };