@stephen-netu/design-system 0.1.0 → 0.2.1

package/dist/l0-layout/block-writer/block-writer-types.d.ts

@@ -0,0 +1,48 @@
+import type { BspNode } from '../../spatial/zone-tiler-types.js';
+export type { SplitDirection } from '../../spatial/zone-tiler-types.js';
+/** Writing lifecycle — subset of Ryu FlowColumn */
+export type WritingPhase = 'seed' | 'sprout' | 'go' | 'freeze' | 'compost';
+/** Block origin — local equivalent of CardOrigin (no cross-package import) */
+export type BlockOrigin = 'authored' | 'ingested' | 'sovereign';
+/** A single writing block */
+export interface WritingBlock {
+    id: string;
+    title: string;
+    content: string;
+    phase: WritingPhase;
+    tags: string[];
+    links: string[];
+    annotation?: string;
+    file_path?: string;
+    origin: BlockOrigin;
+    created_at: number;
+    last_edited_at: number;
+}
+/** Connection between two blocks */
+export interface BlockConnection {
+    fromId: string;
+    toId: string;
+    label?: string;
+}
+/** Full schema — controlled state passed to BlockWriter */
+export interface BlockWriterSchema {
+    blocks: WritingBlock[];
+    bspTree: BspNode;
+    connections: BlockConnection[];
+    focusedBlockId: string;
+}
+/** BlockWriter configuration */
+export interface BlockWriterConfig {
+    /** Min block height in px. Default 80. */
+    minBlockHeight?: number;
+    /** Divider thickness in px. Default 6. (passed to ZoneTiler) */
+    dividerThickness?: number;
+    /** Allow horizontal splits (side-by-side blocks). Default true. */
+    allowHorizontalSplit?: boolean;
+}
+/** Phase display config — maps to Badge color variant */
+export declare const PHASE_CONFIG: Record<WritingPhase, {
+    label: string;
+    color: 'warning' | 'info' | 'success' | 'accent' | 'neutral';
+}>;
+//# sourceMappingURL=block-writer-types.d.ts.map

package/dist/l0-layout/block-writer/block-writer-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-writer-types.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/block-writer/block-writer-types.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AACjE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE,mDAAmD;AACnD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE3E,8EAA8E;AAC9E,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;AAEhE,6BAA6B;AAC7B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,oCAAoC;AACpC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,2DAA2D;AAC3D,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,gCAAgC;AAChC,MAAM,WAAW,iBAAiB;IAChC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mEAAmE;IACnE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,yDAAyD;AACzD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;CAAE,CAM9H,CAAC"}

package/dist/l0-layout/block-writer/block-writer-types.js

@@ -0,0 +1,13 @@
+// BlockWriter — data model types
+// Pure TypeScript — no Svelte, no DOM.
+//
+// WritingPhase is intentionally a subset of Ryu FlowColumn.
+// Writing doesn't need WEED, CONSULT, or PRUNE — those are task-management phases.
+/** Phase display config — maps to Badge color variant */
+export const PHASE_CONFIG = {
+    seed: { label: 'Seed', color: 'warning' },
+    sprout: { label: 'Sprout', color: 'info' },
+    go: { label: 'Go', color: 'success' },
+    freeze: { label: 'Freeze', color: 'accent' },
+    compost: { label: 'Compost', color: 'neutral' },
+};

package/dist/l0-layout/block-writer/index.d.ts

@@ -0,0 +1,9 @@
+export { default as BlockWriter } from './BlockWriter.svelte';
+export { default as BlockItem } from './BlockItem.svelte';
+export { default as BlockHeader } from './BlockHeader.svelte';
+export { default as BlockContent } from './BlockContent.svelte';
+export { default as BlockConnectionLines } from './BlockConnectionLines.svelte';
+export type { WritingBlock, BlockConnection, BlockWriterSchema, BlockWriterConfig, WritingPhase, BlockOrigin, } from './block-writer-types.js';
+export { PHASE_CONFIG } from './block-writer-types.js';
+export { renderMarkdown, renderInlineMarkdown } from './markdown.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/l0-layout/block-writer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/block-writer/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAEhF,YAAY,EACV,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC"}

package/{src/l0-layout/block-writer/index.ts → dist/l0-layout/block-writer/index.js}

@@ -1,24 +1,11 @@
 // BlockWriter — layout composition for visual block-based writing
 // Controlled component — no internal store. Consumers own state.
 // Uses ZoneTiler (BSP) for layout, contenteditable for inline editing.
-
 export { default as BlockWriter } from './BlockWriter.svelte';
 export { default as BlockItem } from './BlockItem.svelte';
 export { default as BlockHeader } from './BlockHeader.svelte';
 export { default as BlockContent } from './BlockContent.svelte';
 export { default as BlockConnectionLines } from './BlockConnectionLines.svelte';
-
-export type {
-  WritingBlock,
-  BlockConnection,
-  BlockWriterSchema,
-  BlockWriterConfig,
-  WritingPhase,
-  BlockOrigin,
-} from './block-writer-types.js';
-
 // SplitDirection is re-exported from the spatial module
-
 export { PHASE_CONFIG } from './block-writer-types.js';
-
 export { renderMarkdown, renderInlineMarkdown } from './markdown.js';

package/dist/l0-layout/block-writer/markdown.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Render markdown to HTML string.
+ * Handles: headings (h1-h6), unordered lists, ordered lists, blockquotes, hr,
+ * inline code/bold/italic/del/wikilinks.
+ *
+ * Input is treated as untrusted — all HTML entities are escaped before processing.
+ * Output is safe for {@html} without additional sanitization.
+ */
+export declare function renderMarkdown(md: string): string;
+/**
+ * Render inline-only markdown (no block elements).
+ * Useful for single-line content like block titles, annotations, tooltips.
+ * Input is treated as untrusted.
+ */
+export declare function renderInlineMarkdown(text: string): string;
+//# sourceMappingURL=markdown.d.ts.map

package/dist/l0-layout/block-writer/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/block-writer/markdown.ts"],"names":[],"mappings":"AAgCA;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CA4DjD;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEzD"}

package/dist/l0-layout/block-writer/markdown.js

@@ -0,0 +1,96 @@
+// BlockWriter — shared regex markdown renderer
+// Unified from DeskViewport.svelte (lines 60-92) and Atelier's MarkdownWithProvenance.svelte (lines 15-85).
+// Zero dependencies — pure regex transforms.
+//
+// DeskViewport adds: ~~del~~, [[wikilink]] support, * and _ emphasis
+// Atelier adds: proper <li>/<ul> grouping, <p> wrapping for paragraphs
+// Both: headings, blockquotes, hr, inline code/bold/italic
+/** Escape all 5 HTML entities. Atelier's version (full) merged with DeskViewport's (3-char). */
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#039;');
+}
+/** Inline markdown — bold, italic, del, code, wikilinks. Input is pre-escaped. */
+function renderInline(text) {
+    return text
+        .replace(/\*\*\*(.+?)\*\*\*/g, '<strong><em>$1</em></strong>')
+        .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
+        .replace(/\*([^*<\n]{1,200})\*/g, '<em>$1</em>')
+        .replace(/__(.+?)__/g, '<strong>$1</strong>')
+        .replace(/_([^_<\n]{1,200})_/g, '<em>$1</em>')
+        .replace(/~~(.+?)~~/g, '<del>$1</del>')
+        .replace(/`([^`]{1,200})`/g, '<code class="md-code">$1</code>')
+        .replace(/\[\[([^\]|]{1,100})\|([^\]]{1,100})\]\]/g, '<span class="md-wiki">$2</span>')
+        .replace(/\[\[([^\]]{1,100})\]\]/g, '<span class="md-wiki">$1</span>');
+}
+/**
+ * Render markdown to HTML string.
+ * Handles: headings (h1-h6), unordered lists, ordered lists, blockquotes, hr,
+ * inline code/bold/italic/del/wikilinks.
+ *
+ * Input is treated as untrusted — all HTML entities are escaped before processing.
+ * Output is safe for {@html} without additional sanitization.
+ */
+export function renderMarkdown(md) {
+    if (!md)
+        return '';
+    const lines = md.split('\n');
+    const processed = [];
+    for (const line of lines) {
+        const escaped = escapeHtml(line);
+        // Headings
+        const hm = escaped.match(/^(#{1,6}) (.+)$/);
+        if (hm) {
+            processed.push(`<h${hm[1].length} class="md-h md-h${hm[1].length}">${renderInline(hm[2])}</h${hm[1].length}>`);
+            continue;
+        }
+        // Unordered list items
+        const ul = escaped.match(/^[-*+] (.+)$/);
+        if (ul) {
+            processed.push(`<li class="md-li">${renderInline(ul[1])}</li>`);
+            continue;
+        }
+        // Ordered list items
+        const ol = escaped.match(/^(\d+)\. (.+)$/);
+        if (ol) {
+            processed.push(`<li class="md-li">${renderInline(ol[2])}</li>`);
+            continue;
+        }
+        // Blockquotes
+        const bq = escaped.match(/^> (.+)$/);
+        if (bq) {
+            processed.push(`<blockquote class="md-bq">${renderInline(bq[1])}</blockquote>`);
+            continue;
+        }
+        // Horizontal rule
+        if (/^[-*]{3,}$/.test(escaped.trim())) {
+            processed.push('<hr class="md-hr">');
+            continue;
+        }
+        // Empty line
+        if (escaped.trim() === '') {
+            processed.push('<div class="md-gap"></div>');
+            continue;
+        }
+        // Default: paragraph
+        processed.push(`<p class="md-p">${renderInline(escaped)}</p>`);
+    }
+    // Group consecutive <li> elements into <ul> (Atelier pattern)
+    let result = processed.join('\n');
+    result = result.replace(/(<li class="md-li">.*?<\/li>\n?)+/g, (match) => {
+        return `<ul class="md-ul">${match}</ul>`;
+    });
+    return result;
+}
+/**
+ * Render inline-only markdown (no block elements).
+ * Useful for single-line content like block titles, annotations, tooltips.
+ * Input is treated as untrusted.
+ */
+export function renderInlineMarkdown(text) {
+    return renderInline(escapeHtml(text));
+}

package/dist/l0-layout/card/CompactCard.svelte

@@ -0,0 +1,114 @@
+<script lang="ts">
+  import Card from '../../u0-primitives/card/Card.svelte';
+  import Button from '../../u0-primitives/button/Button.svelte';
+  import RsvpReader from '../../u0-primitives/rsvp/RsvpReader.svelte';
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    title: string;
+    abstract?: string;
+    content: string;
+    maxPreviewChars?: number;
+    class?: string;
+  }
+
+  let {
+    title,
+    abstract = '',
+    content,
+    maxPreviewChars = 120,
+    class: className = ''
+  }: Props = $props();
+
+  let isHovered = $state(false);
+  let showRsvp = $state(false);
+
+  // Only show RSVP trigger if content exceeds preview threshold
+  let hasMoreContent = $derived(content.length > maxPreviewChars);
+  let previewText = $derived(
+    hasMoreContent 
+      ? content.slice(0, maxPreviewChars) + '…' 
+      : content
+  );
+</script>
+
+<Card 
+  class={`ds-compact-card ${className}`}
+  onmouseenter={() => isHovered = true}
+  onmouseleave={() => { isHovered = false; showRsvp = false; }}
+>
+  {#if title}
+    <header class="ds-card-header">
+      <h3 class="ds-card-title">{title}</h3>
+    </header>
+  {/if}
+  
+  <div class="ds-card-content">
+    {#if abstract}
+      <p class="ds-text-secondary">{abstract}</p>
+    {/if}
+    
+    <p class="ds-card-preview">{previewText}</p>
+    
+    {#if isHovered && hasMoreContent}
+      <div class="rsvp-trigger mt-3">
+        <Button 
+          variant="ghost" 
+          size="sm"
+          onclick={() => showRsvp = !showRsvp}
+          class="w-full"
+        >
+          {showRsvp ? '✕ Close' : '⚡ Rapid Read'}
+        </Button>
+      </div>
+    {/if}
+  </div>
+  
+  {#if showRsvp}
+    <div class="rsvp-overlay mt-4" style="max-height: 400px; overflow-y: auto;">
+      <RsvpReader 
+        mode="preview"
+        text={content}
+        initialWpm={250}
+        maxWpm={600}
+        onComplete={() => showRsvp = false}
+      />
+    </div>
+  {/if}
+</Card>
+
+<style>
+  .ds-compact-card {
+    transition: box-shadow var(--transition-normal);
+  }
+  
+  .ds-compact-card:hover {
+    box-shadow: var(--shadow-card-hover);
+  }
+  
+  .rsvp-trigger {
+    display: flex;
+    justify-content: center;
+  }
+  
+  .rsvp-overlay {
+    border: 1px solid var(--border-subtle);
+    border-radius: var(--radius-md);
+    padding: var(--space-4);
+    background: var(--color-bg-panel-elevated);
+  }
+  
+  .ds-card-preview {
+    line-height: 1.5;
+    color: var(--color-text-secondary);
+  }
+  
+  /* Hide overflow preview text when not hovered */
+  .ds-compact-card:hover .ds-card-preview {
+    max-height: 4.5rem; /* ~3 lines */
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+  }
+</style>

package/dist/l0-layout/card/CompactCard.svelte.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    title: string;
+    abstract?: string;
+    content: string;
+    maxPreviewChars?: number;
+    class?: string;
+}
+declare const CompactCard: import("svelte").Component<Props, {}, "">;
+type CompactCard = ReturnType<typeof CompactCard>;
+export default CompactCard;
+//# sourceMappingURL=CompactCard.svelte.d.ts.map

package/dist/l0-layout/card/CompactCard.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/card/CompactCard.svelte.ts"],"names":[],"mappings":"AASE,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6DH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/l0-layout/chat-view/ChatViewLayout.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    channelList?: Snippet;
+    chatThread: Snippet;
+    memberList?: Snippet;
+    class?: string;
+}
+declare const ChatViewLayout: import("svelte").Component<Props, {}, "">;
+type ChatViewLayout = ReturnType<typeof ChatViewLayout>;
+export default ChatViewLayout;
+//# sourceMappingURL=ChatViewLayout.svelte.d.ts.map

package/dist/l0-layout/chat-view/ChatViewLayout.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatViewLayout.svelte.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/chat-view/ChatViewLayout.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmCH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/{src → dist}/l0-layout/epistemic/AllayDetailPanel.svelte

@@ -1,7 +1,5 @@
 <script lang="ts">
   import type { AllayStageView } from '../../epistemic/types.js';
-  import AllayGauge from '../../u0-primitives/allay-gauge/AllayGauge.svelte';
-
   interface Props {
     allay: AllayStageView;
     class?: string;
@@ -24,7 +22,7 @@
 
 <div class="ds-allay-detail {className}">
   <div class="gauge-section">
-    <AllayGauge stage={allay.stage} confidence={allay.confidence} size="lg" showLabel />
+    <span class="placeholder-gauge">Stage {allay.stage}</span>
     <span class="confidence">{confidencePct}</span>
   </div>
 
@@ -36,7 +34,7 @@
   <div class="scale-legend">
     {#each [0, 1, 2, 3, 4, 5] as s}
       <div class="scale-item" class:current={s === allay.stage}>
-        <AllayGauge stage={s as 0|1|2|3|4|5} confidence={0.5} size="sm" />
+       <span class="placeholder-gauge-sm">{s}</span>
         <span>{s}</span>
       </div>
     {/each}
@@ -97,7 +95,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: 2px;
+    gap: var(--space-05);
     opacity: 0.5;
   }
 

package/dist/l0-layout/epistemic/AllayDetailPanel.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { AllayStageView } from '../../epistemic/types.js';
+interface Props {
+    allay: AllayStageView;
+    class?: string;
+}
+declare const AllayDetailPanel: import("svelte").Component<Props, {}, "">;
+type AllayDetailPanel = ReturnType<typeof AllayDetailPanel>;
+export default AllayDetailPanel;
+//# sourceMappingURL=AllayDetailPanel.svelte.d.ts.map

package/dist/l0-layout/epistemic/AllayDetailPanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllayDetailPanel.svelte.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/epistemic/AllayDetailPanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE7D,UAAU,KAAK;IACb,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6CH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/{src → dist}/l0-layout/epistemic/AssayDetailPanel.svelte

@@ -1,8 +1,5 @@
 <script lang="ts">
-  import type { AssayClearanceView } from '../../epistemic/types.js';
-  import AssayBadge from '../../u0-primitives/assay-badge/AssayBadge.svelte';
-  import AssaySignalBar from '../../u0-primitives/assay-badge/AssaySignalBar.svelte';
-
+  import type { AssayClearanceView, AssaySignalView } from '../../epistemic/types.js';
   interface Props {
     clearance: AssayClearanceView;
     onViewWitness?: () => void;
@@ -12,6 +9,10 @@
 
   let { clearance, onViewWitness, onViewHash, class: className = '' }: Props = $props();
 
+  function signalLabel(signal: AssaySignalView): string {
+    return signal.id;
+  }
+
   const hardGates = $derived(clearance.signals.filter(s => s.isHardGate));
   const weightedSignals = $derived(clearance.signals.filter(s => !s.isHardGate));
   const weightedSumPct = $derived((clearance.weightedSum * 100).toFixed(0));
@@ -28,7 +29,7 @@
     </div>
     <div class="header-row">
       <span class="label">Gate:</span>
-      <AssayBadge {clearance} size="md" />
+      <span class="placeholder-badge">{clearance.gate}</span>
       <span class="label">Weighted:</span>
       <span class="value mono">{weightedSumPct}%</span>
     </div>
@@ -39,8 +40,8 @@
     <div class="section">
       <div class="section-title">Hard Gates</div>
       {#each hardGates as signal}
-        <AssaySignalBar {signal} />
-      {/each}
+         <span class="placeholder-signal">{signalLabel(signal)}</span>
+       {/each}
     </div>
   {/if}
 
@@ -49,8 +50,8 @@
     <div class="section">
       <div class="section-title">Weighted Signals</div>
       {#each weightedSignals as signal}
-        <AssaySignalBar {signal} />
-      {/each}
+         <span class="placeholder-signal">{signalLabel(signal)}</span>
+       {/each}
     </div>
   {/if}
 

package/dist/l0-layout/epistemic/AssayDetailPanel.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { AssayClearanceView } from '../../epistemic/types.js';
+interface Props {
+    clearance: AssayClearanceView;
+    onViewWitness?: () => void;
+    onViewHash?: () => void;
+    class?: string;
+}
+declare const AssayDetailPanel: import("svelte").Component<Props, {}, "">;
+type AssayDetailPanel = ReturnType<typeof AssayDetailPanel>;
+export default AssayDetailPanel;
+//# sourceMappingURL=AssayDetailPanel.svelte.d.ts.map

package/dist/l0-layout/epistemic/AssayDetailPanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssayDetailPanel.svelte.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/epistemic/AssayDetailPanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAmB,MAAM,0BAA0B,CAAC;AAElF,UAAU,KAAK;IACb,SAAS,EAAE,kBAAkB,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0EH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/{src → dist}/l0-layout/epistemic/AvenueTrace.svelte

@@ -208,7 +208,7 @@
   .step-body {
     display: flex;
     flex-direction: column;
-    gap: 2px;
+    gap: var(--space-05);
     padding-bottom: var(--space-3);
     flex: 1;
   }

package/dist/l0-layout/epistemic/AvenueTrace.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { AvenueTraceView } from '../../epistemic/types.js';
+interface Props {
+    trace: AvenueTraceView;
+    expanded?: boolean;
+    class?: string;
+}
+declare const AvenueTrace: import("svelte").Component<Props, {}, "">;
+type AvenueTrace = ReturnType<typeof AvenueTrace>;
+export default AvenueTrace;
+//# sourceMappingURL=AvenueTrace.svelte.d.ts.map

package/dist/l0-layout/epistemic/AvenueTrace.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvenueTrace.svelte.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/epistemic/AvenueTrace.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,0BAA0B,CAAC;AAG9E,UAAU,KAAK;IACb,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiHH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/{src → dist}/l0-layout/epistemic/KnowledgeDetailPanel.svelte

@@ -1,10 +1,7 @@
 <script lang="ts">
   import type { KnowledgeEpistemicDetail, ProvenanceChainNode } from '../../epistemic/types.js';
-  import AssayBadge from '../../u0-primitives/assay-badge/AssayBadge.svelte';
-  import AllayGauge from '../../u0-primitives/allay-gauge/AllayGauge.svelte';
-  import ExpertBadge from '../../u0-primitives/expert-badge/ExpertBadge.svelte';
-  import AssayDetailPanel from './AssayDetailPanel.svelte';
   import AllayDetailPanel from './AllayDetailPanel.svelte';
+  import AssayDetailPanel from './AssayDetailPanel.svelte';
   import ProvenanceChain from './ProvenanceChain.svelte';
   import AvenueTrace from './AvenueTrace.svelte';
 
@@ -67,7 +64,7 @@
         <div class="field-row">
           <span class="field-label">Expert</span>
           {#if detail.expert && typeof detail.expert === 'object'}
-            <ExpertBadge expert={detail.expert} size="md" />
+            <span class="placeholder-badge">{detail.expert.name}</span>
           {:else}
             <span class="field-value">{detail.expert ?? '—'}</span>
           {/if}
@@ -82,11 +79,11 @@
         </div>
         <div class="field-row">
           <span class="field-label">Allay</span>
-          <AllayGauge stage={detail.allay.stage} confidence={detail.allay.confidence} size="sm" showLabel />
+          <span class="placeholder-gauge">Stage {detail.allay.stage}</span>
         </div>
         <div class="field-row">
           <span class="field-label">ASSAY</span>
-          {#if detail.assay}<AssayBadge clearance={detail.assay} size="md" />{/if}
+          {#if detail.assay}<span class="placeholder-badge">{detail.assay.gate}</span>{/if}
         </div>
       </div>
 

package/dist/l0-layout/epistemic/KnowledgeDetailPanel.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { KnowledgeEpistemicDetail, ProvenanceChainNode } from '../../epistemic/types.js';
+interface Props {
+    detail: KnowledgeEpistemicDetail;
+    onnodeclick?: (node: ProvenanceChainNode) => void;
+    class?: string;
+}
+declare const KnowledgeDetailPanel: import("svelte").Component<Props, {}, "">;
+type KnowledgeDetailPanel = ReturnType<typeof KnowledgeDetailPanel>;
+export default KnowledgeDetailPanel;
+//# sourceMappingURL=KnowledgeDetailPanel.svelte.d.ts.map

package/dist/l0-layout/epistemic/KnowledgeDetailPanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnowledgeDetailPanel.svelte.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/epistemic/KnowledgeDetailPanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAO5F,UAAU,KAAK;IACb,MAAM,EAAE,wBAAwB,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2GH,QAAA,MAAM,oBAAoB,2CAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/{src → dist}/l0-layout/epistemic/ParadigmLens.svelte

@@ -103,7 +103,7 @@
 
   .tab-bar {
     display: flex;
-    gap: 2px;
+    gap: var(--space-05);
     border-bottom: 1px solid var(--border-default);
     overflow-x: auto;
     scrollbar-width: none;

package/dist/l0-layout/epistemic/ParadigmLens.svelte.d.ts

@@ -0,0 +1,10 @@
+type ParadigmId = 'spatial' | 'temporal' | 'hierarchical' | 'graph' | 'trust';
+interface Props {
+    activeParadigm?: ParadigmId;
+    onParadigmChange?: (id: ParadigmId) => void;
+    class?: string;
+}
+declare const ParadigmLens: import("svelte").Component<Props, {}, "">;
+type ParadigmLens = ReturnType<typeof ParadigmLens>;
+export default ParadigmLens;
+//# sourceMappingURL=ParadigmLens.svelte.d.ts.map

package/dist/l0-layout/epistemic/ParadigmLens.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParadigmLens.svelte.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/epistemic/ParadigmLens.svelte.ts"],"names":[],"mappings":"AAME,KAAK,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9E,UAAU,KAAK;IACb,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqFH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/{src → dist}/l0-layout/epistemic/ProvenanceChain.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import type { ProvenanceChainNode } from '../../epistemic/types.js';
   import { getProvenanceNodeLabel } from '../../epistemic/utils.js';
-  import ExpertBadge from '../../u0-primitives/expert-badge/ExpertBadge.svelte';
 
   interface Props {
     nodes: ProvenanceChainNode[];
@@ -38,7 +37,7 @@
       <!-- Node content -->
       <div class="content">
         <div class="node-header">
-          <ExpertBadge expert={node.expert} size="sm" showName={false} />
+          <span class="placeholder-badge"></span>
           <span class="node-label">{getProvenanceNodeLabel(node)}</span>
           <span class="node-tick">tick {node.timestamp}</span>
         </div>
@@ -105,7 +104,7 @@
   .content {
     display: flex;
     flex-direction: column;
-    gap: 2px;
+    gap: var(--space-05);
     padding-bottom: var(--space-3);
     flex: 1;
   }

package/dist/l0-layout/epistemic/ProvenanceChain.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { ProvenanceChainNode } from '../../epistemic/types.js';
+interface Props {
+    nodes: ProvenanceChainNode[];
+    onnodeclick?: (node: ProvenanceChainNode) => void;
+    class?: string;
+}
+declare const ProvenanceChain: import("svelte").Component<Props, {}, "">;
+type ProvenanceChain = ReturnType<typeof ProvenanceChain>;
+export default ProvenanceChain;
+//# sourceMappingURL=ProvenanceChain.svelte.d.ts.map

package/dist/l0-layout/epistemic/ProvenanceChain.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProvenanceChain.svelte.d.ts","sourceRoot":"","sources":["../../../src/l0-layout/epistemic/ProvenanceChain.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,UAAU,KAAK;IACb,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2DH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}