@tiinex/app 0.1.1

package/src/schemas/workspace/workspace.recordDialogs.views.jsx

@@ -0,0 +1,257 @@
+import React, { useEffect, useState } from 'react';
+import { Badge } from '../../ui/primitives/Badge.jsx';
+import { Button } from '../../ui/primitives/Button.jsx';
+import { TextareaField, TextField } from '../../ui/primitives/Field.jsx';
+import { Modal } from '../../ui/primitives/Modal.jsx';
+import { createRecordActionResult, RecordActionKind } from '@tiinex/core/actions/record.actions.js';
+import { createReferenceDraft } from '@tiinex/core/transitions/record.transitions.js';
+import { isTransitionAction } from '../../transitions/transition.presentation.js';
+import { isCanonicalTransitionProductAction } from '../../transitions/transition.productPresentation.js';
+import { ContinuationDialog, TransitionValidationNotice } from './workspace.continuationDialog.views.jsx';
+import { CanonicalAuthoringDialog } from './workspace.canonicalTaskDialog.views.jsx';
+import { CanonicalReferenceDialog } from './workspace.canonicalReferenceDialog.views.jsx';
+import { SchemaReadView } from './workspace.read.views.jsx';
+import { recordDisplayPath, recordLifecycleBadge, recordSchemaBadge } from './workspace.viewFormatting.js';
+import { readCanonicalTaskAuthoringValues, renderCanonicalTaskEditMarkdown } from '../core/task/tiinex.task.v1.authoring.js';
+
+
+export function RecordDetailDialog({ record, onDismiss, onLineage, onShare }) {
+  const source = record?.source || {};
+  const displayPath = recordDisplayPath(record || {});
+  const isSourceBacked = Boolean(source.adapterId && source.adapterId !== 'local');
+  const historical = Boolean(record?.historicalSnapshot?.materializedCommit || record?.sourceMode === 'source-backed-historical');
+  return (
+    <Modal title={record?.title || 'Artifact'} onDismiss={onDismiss} className="tx-dialog-record-detail">
+      <div className="tx-record-detail tx-record-read-detail">
+        <div className="tx-card-badges">
+          {recordLifecycleBadge(record) ? <Badge title="Lifecycle/publication state">{recordLifecycleBadge(record)}</Badge> : null}
+          {record?.status ? <Badge title="Record status">{record.status}</Badge> : null}
+          <Badge>{recordSchemaBadge(record)}</Badge>
+          <Badge>{historical ? 'historical source snapshot' : isSourceBacked ? 'source-backed' : 'local/session'}</Badge>
+        </div>
+        <DeferredSchemaReadView record={record} />
+        <details className="tx-record-provenance-details">
+          <summary>Provenance / envelope</summary>
+          <dl className="tx-record-meta">
+            <div><dt>Boundary</dt><dd>{isSourceBacked ? (source.boundary || 'Explicit source boundary') : 'Browser-local session material; no GitHub provenance inferred.'}</dd></div>
+            {displayPath ? <div><dt>Path</dt><dd>{displayPath}</dd></div> : null}
+            {source.label ? <div><dt>Source</dt><dd>{source.label}</dd></div> : null}
+            {source.adapterId ? <div><dt>Adapter</dt><dd>{source.adapterId} · {source.sourceKind || source.kind || 'source'}</dd></div> : null}
+            {record?.envelopeSchemaId ? <div><dt>Envelope</dt><dd>{record.envelopeSchemaId}</dd></div> : null}
+            {record?.schemaId ? <div><dt>Current schema</dt><dd>{record.schemaId}</dd></div> : null}
+            {record?.currentCreatedAt ? <div><dt>Current created</dt><dd>{record.currentCreatedAt}</dd></div> : null}
+            {record?.parentSchemaId ? <div><dt>Parent schema</dt><dd>{record.parentSchemaId}</dd></div> : null}
+            {record?.trace ? <div><dt>Trace</dt><dd>{record.trace}</dd></div> : null}
+            {record?.origin ? <div><dt>Origin</dt><dd>{record.origin}</dd></div> : null}
+            {record?.rootDisclosure ? <div><dt>Root fallback</dt><dd>{record.rootDisclosure}</dd></div> : null}
+          </dl>
+        </details>
+        {!record?.markdown ? <p className="tx-muted">{record?.materialAvailability === 'material-unavailable' ? 'Material is unavailable in this route/session shell; source boundary and path are preserved.' : 'No embedded Markdown body is available for this record.'}</p> : null}
+        <div className="tx-dialog-actions">
+          <Button variant="ghost" onClick={onDismiss}>Close</Button>
+          {onLineage && !historical ? <Button variant="ghost" icon="lineage" onClick={onLineage}>Lineage</Button> : null}
+          {onShare && !historical ? <Button variant="primary" icon="shareNodes" onClick={onShare}>Share artifact</Button> : null}
+        </div>
+      </div>
+    </Modal>
+  );
+}
+
+function DeferredSchemaReadView({ record }) {
+  const [ready, setReady] = useState(false);
+  useEffect(() => {
+    setReady(false);
+    const raf = requestAnimationFrame(() => setReady(true));
+    return () => cancelAnimationFrame(raf);
+  }, [record?.id]);
+  if (!ready) {
+    return (
+      <section className="tx-schema-read-view tx-schema-read-deferred" aria-label="Artifact read view loading">
+        <div className="tx-schema-read-skeleton"><strong>{record?.title || 'Artifact'}</strong><span>Opening read view…</span></div>
+      </section>
+    );
+  }
+  return <SchemaReadView record={record} />;
+}
+
+export function RecordMarkdownDialog({ record, onDismiss }) {
+  return (
+    <Modal title={`Markdown · ${record?.title || 'Artifact'}`} onDismiss={onDismiss} className="tx-dialog-record-markdown">
+      <div className="tx-record-detail">
+        <div className="tx-card-badges">
+          <Badge>{record?.kind || 'artifact'}</Badge>
+          <Badge>{recordDisplayPath(record || {}) || 'no path'}</Badge>
+        </div>
+        {record?.markdown ? <pre className="tx-record-markdown-preview tx-full-markdown-preview">{String(record.markdown)}</pre> : <p className="tx-muted">Markdown is not available in this route/session shell. Source boundary and path are preserved.</p>}
+        <div className="tx-dialog-actions">
+          <Button variant="ghost" onClick={onDismiss}>Close</Button>
+        </div>
+      </div>
+    </Modal>
+  );
+}
+
+export function RecordActionDialog({ record, action, schemaRegistry, workspaceId = '', workspaceRecords = [], referenceTargets = [], placementTargets = [], selectionSession = null, selectionResult = null, onBeginSelection, onSelectionConsumed, onDismiss, onShare, onCreateTransition, onCreateCanonicalTransition, onCreateCanonicalReference, onUpdateLocalDraft }) {
+  const actionId = action?.id || action;
+  if (isCanonicalTransitionProductAction(action)) {
+    if (action?.referenceCapability?.state === 'qualified') return <CanonicalReferenceDialog record={record} action={action} workspaceId={workspaceId} targets={referenceTargets} selectionSession={selectionSession} selectionResult={selectionResult} onBeginSelection={onBeginSelection} onSelectionConsumed={onSelectionConsumed} onDismiss={onDismiss} onCreate={onCreateCanonicalReference} />;
+    return <CanonicalAuthoringDialog record={record} action={action} workspaceId={workspaceId} placementTargets={placementTargets} selectionSession={selectionSession} selectionResult={selectionResult} onBeginSelection={onBeginSelection} onSelectionConsumed={onSelectionConsumed} onDismiss={onDismiss} onCreate={onCreateCanonicalTransition} />;
+  }
+  if (isTransitionAction(action)) {
+    return <ContinuationDialog record={record} schemaRegistry={schemaRegistry} transitionDefinition={action.transitionDefinition} workspaceRecords={workspaceRecords} onDismiss={onDismiss} onCreateTransition={onCreateTransition} />;
+  }
+  if (actionId === RecordActionKind.continue) {
+    return <ContinuationDialog record={record} schemaRegistry={schemaRegistry} workspaceRecords={workspaceRecords} onDismiss={onDismiss} onCreateTransition={onCreateTransition} />;
+  }
+  if (actionId === RecordActionKind.markdown) {
+    return <RecordMarkdownDialog record={record} onDismiss={onDismiss} />;
+  }
+  if (actionId === RecordActionKind.editLocal) {
+    return <LocalDraftEditDialog record={record} onDismiss={onDismiss} onUpdate={onUpdateLocalDraft} />;
+  }
+  if (actionId === RecordActionKind.reference) {
+    const draft = createReferenceDraft(record);
+    const result = createRecordActionResult(record, actionId);
+    return (
+      <Modal title="Preserve evidence leaf" onDismiss={onDismiss}>
+        <div className="tx-record-action-result">
+          <div className="tx-card-badges">
+            <Badge>{draft.schema}</Badge>
+            <Badge>{draft.kind}</Badge>
+            <Badge>{draft.transition.parentBoundary}</Badge>
+          </div>
+          <p className="tx-muted">Creates a browser-local Evidence draft from the selected record. This is not the old cross-artifact Reference relation; no source provenance is inferred.</p>
+          <TransitionValidationNotice validation={draft.validation} />
+          <pre className="tx-record-markdown-preview">{draft.markdown}</pre>
+          <div className="tx-dialog-actions">
+            <Button variant="ghost" onClick={onDismiss}>Close</Button>
+            <Button variant="ghost" icon="shareNodes" onClick={() => onShare?.(record)}>Share parent artifact</Button>
+            <Button variant="primary" icon="reference" onClick={() => onCreateTransition?.(record, draft)}>Create evidence</Button>
+          </div>
+          {result ? <p className="tx-muted tx-action-caption">Evidence preservation capsule remains available for handoff copy: {result.intent}.</p> : null}
+        </div>
+      </Modal>
+    );
+  }
+  const result = createRecordActionResult(record, actionId);
+  if (!result) return null;
+  return (
+    <Modal title={result.title || 'Record action'} onDismiss={onDismiss}>
+      <div className="tx-record-action-result">
+        <div className="tx-card-badges">
+          <Badge>{result.schema}</Badge>
+          <Badge>{result.intent}</Badge>
+          <Badge>{result.sourceBoundary}</Badge>
+        </div>
+        <p className="tx-muted">This is a concrete Tiinex action result, not a decorative button. Copy it into a handoff, prompt, issue, or future builder.</p>
+        <pre className="tx-record-markdown-preview">{result.text}</pre>
+        <div className="tx-dialog-actions">
+          <Button variant="ghost" onClick={onDismiss}>Close</Button>
+          <Button variant="primary" icon="shareNodes" onClick={() => onShare?.(record)}>Share artifact</Button>
+        </div>
+      </div>
+    </Modal>
+  );
+}
+
+
+function LocalDraftEditDialog({ record, onDismiss, onUpdate }) {
+  const taskAuthoring = readCanonicalTaskAuthoringValues(record?.markdown || '');
+  const schemaAware = record?.schemaId === 'tiinex.task.v1' && record?.sourceMode === 'local-transition-canonical' && taskAuthoring.qualified;
+  const [markdown, setMarkdown] = useState(() => String(record?.markdown || ''));
+  const [taskValues, setTaskValues] = useState(() => ({ ...(taskAuthoring.values || {}) }));
+  const [error, setError] = useState('');
+  function setTaskValue(name, value) { setTaskValues((current) => ({ ...current, [name]: value })); }
+  async function submit(event) {
+    event.preventDefault();
+    let candidateMarkdown = markdown;
+    if (schemaAware) {
+      const rendered = renderCanonicalTaskEditMarkdown(record?.markdown || '', taskValues);
+      if (rendered.state !== 'rendered') return setError('Complete every required Task field before saving.');
+      candidateMarkdown = rendered.markdown;
+    } else if (!String(markdown || '').trim()) return setError('Draft Markdown is required.');
+    setError('');
+    const result = await onUpdate?.(record, candidateMarkdown);
+    if (result?.ok === false) setError(result.notice || 'Local draft could not be updated.');
+  }
+  return (
+    <Modal title={`Edit ${record?.title || 'local draft'}`} onDismiss={onDismiss} initialFocus={schemaAware ? 'localDraftTask-Summary' : 'localDraftMarkdown'}>
+      <form className="tx-form" onSubmit={submit} data-form="local-draft-edit-form">
+        {schemaAware ? taskAuthoring.requiredInputs.map((name, index) => name === 'Summary'
+          ? <TextField key={name} id={`localDraftTask-${name}`} label="Task title" value={taskValues[name] || ''} onChange={(value) => setTaskValue(name, value)} required autoFocus={index === 0} />
+          : <TextareaField key={name} id={`localDraftTask-${name}`} label={name} value={taskValues[name] || ''} onChange={(value) => setTaskValue(name, value)} rows={3} required />)
+          : <TextareaField id="localDraftMarkdown" label="Artifact Markdown" value={markdown} onChange={setMarkdown} rows={18} required autoFocus />}
+        <p className="tx-muted">{schemaAware ? 'Edits the canonical Task through its schema-owned authoring fields. The existing local mutation command still preserves Current Schema, Parent continuity, record identity, path, source boundary, Created At, and refreshes verified self-integrity.' : 'Edits this browser-local compatibility draft in place. Current Schema, Parent continuity, record identity, path, source boundary, and Created At remain fixed; the exact schema validator must accept the edited artifact before it is saved.'}</p>
+        {error ? <p className="tx-form-error" role="alert">{error}</p> : null}
+        <div className="tx-dialog-actions">
+          <Button type="button" variant="ghost" onClick={onDismiss}>Cancel</Button>
+          <Button type="submit" variant="primary" icon="edit">Save local draft</Button>
+        </div>
+      </form>
+    </Modal>
+  );
+}
+
+
+export function CreateWorkspaceDialog({ error, onSubmit, onDismiss }) {
+  const [name, setName] = useState('');
+  function submit(event) {
+    event.preventDefault();
+    onSubmit(name);
+  }
+  return (
+    <Modal title="Create workspace" onDismiss={onDismiss} initialFocus="workspaceName">
+      <form className="tx-form" onSubmit={submit} data-form="create-workspace-form">
+        <TextField
+          id="workspaceName"
+          name="workspaceName"
+          label="Workspace name"
+          value={name}
+          onChange={setName}
+          required
+          error={error}
+          autoFocus
+        />
+        <p className="tx-muted">Local/session. No GitHub provenance inferred.</p>
+        <div className="tx-dialog-actions">
+          <Button type="button" variant="ghost" onClick={onDismiss}>Cancel</Button>
+          <Button type="submit" variant="primary" icon="create">Create</Button>
+        </div>
+      </form>
+    </Modal>
+  );
+}
+
+export function RenameWorkspaceDialog({ workspace, onDismiss, onSubmit }) {
+  const [name, setName] = useState(workspace?.title || workspace?.name || '');
+  const [error, setError] = useState('');
+  function submit(event) {
+    event.preventDefault();
+    const ok = onSubmit?.(name);
+    if (ok === false) setError('Workspace name is required.');
+  }
+  return (
+    <Modal title="Rename workspace" onDismiss={onDismiss} initialFocus="workspaceRenameName">
+      <form className="tx-form" onSubmit={submit} data-form="rename-workspace-form">
+        <TextField id="workspaceRenameName" label="Workspace name" value={name} onChange={setName} required error={error} autoFocus />
+        <p className="tx-muted">Renaming changes the local workspace label only. Source boundaries and loaded material stay untouched.</p>
+        <div className="tx-dialog-actions">
+          <Button type="button" variant="ghost" onClick={onDismiss}>Cancel</Button>
+          <Button type="submit" variant="primary" icon="edit">Save name</Button>
+        </div>
+      </form>
+    </Modal>
+  );
+}
+
+export function CloseWorkspaceDialog({ workspace, onDismiss, onConfirm }) {
+  return (
+    <Modal title={`Close ${workspace.title || workspace.name}?`} onDismiss={onDismiss}>
+      <p className="tx-muted">Removes this browser session workspace. Source files are not deleted.</p>
+      <div className="tx-dialog-actions">
+        <Button variant="ghost" onClick={onDismiss}>Cancel</Button>
+        <Button variant="danger" icon="close" onClick={onConfirm}>Close workspace</Button>
+      </div>
+    </Modal>
+  );
+}

package/src/schemas/workspace/workspace.selection.views.jsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Button } from '../../ui/primitives/Button.jsx';
+
+export function WorkspaceSelectionSurface({ session = null, onCancel }) {
+  return (
+    <section className="tx-workspace-selection-surface tx-workspace-selection-banner" data-selection-role={session?.role || ''} aria-label={session?.title || 'Workspace selection'}>
+      <div>
+        <strong>{session?.title || 'Choose in workspace'}</strong>
+        <p>{session?.guidance || 'Choose one caller-qualified candidate from the workspace surface. Existing workspace context remains visible while selection is active.'}</p>
+      </div>
+      <Button type="button" variant="ghost" icon="close" onClick={onCancel}>Cancel selection</Button>
+    </section>
+  );
+}

package/src/schemas/workspace/workspace.sourceReceipt.views.jsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { materialLedgerReceiptSummary } from './workspace.viewFormatting.js';
+
+export function SourceReceiptDetails({ latest }) {
+  const surfaces = latest?.diagnostics?.surfaces || latest?.diagnostics?.sourcePlan?.surfaces || null;
+  const outcome = latest?.diagnostics?.transportOutcome || null;
+  const materialLedger = latest?.diagnostics?.materialLedgerReceipt || latest?.diagnostics?.materialLedger || null;
+  if (!surfaces && !outcome && !materialLedger) return null;
+  const rows = [];
+  const pushSurface = (key, label) => {
+    const item = surfaces?.[key];
+    if (!item?.requested && !item?.attempted && !Number(item?.loaded || 0) && !item?.deferred && !item?.unavailable) return;
+    const bits = [];
+    if (item.requested) bits.push('requested');
+    if (item.attempted) bits.push('attempted');
+    if (Number(item.discovered || 0)) bits.push(`${Number(item.discovered || 0)} discovered`);
+    if (Number(item.requestedCount || 0) && key !== 'repoFiles') bits.push(`${Number(item.requestedCount || 0)} targets`);
+    if (Number(item.loaded || 0)) bits.push(`${Number(item.loaded || 0)} loaded`);
+    if (Number(item.failed || 0)) bits.push(`${Number(item.failed || 0)} failed`);
+    const surfaceTiers = Array.isArray(item.transportTiers) && item.transportTiers.length ? item.transportTiers.join(' + ') : String(item.transportTier || '').trim();
+    if (surfaceTiers) bits.push(`via ${surfaceTiers}`);
+    if (item.deferred) bits.push('deferred');
+    if (item.unavailable) bits.push('unavailable');
+    if (item.skipped) bits.push('skipped');
+    rows.push({ key, label, text: bits.join(' · ') || 'no result' });
+  };
+  pushSurface('repoFiles', 'Repo files');
+  pushSurface('explicitFiles', 'Explicit files');
+  pushSurface('issueSnapshots', 'Issue snapshots');
+  const attempted = Array.isArray(outcome?.attemptedTiers) ? outcome.attemptedTiers.join(' → ') : '';
+  const winning = Array.isArray(outcome?.winningTiers) ? outcome.winningTiers.join(' + ') : '';
+  return (
+    <div className="tx-source-receipt-details" aria-label="Source receipt details">
+      {rows.map((row) => <span key={row.key}><strong>{row.label}</strong><small>{row.text}</small></span>)}
+      {materialLedger ? <span><strong>Material</strong><small>{materialLedgerReceiptSummary(materialLedger)}</small></span> : null}
+      {outcome ? <span><strong>Transport</strong><small>{attempted ? `attempted ${attempted}` : 'attempted tiers unavailable'}{winning ? ` · used ${winning}` : ''}</small></span> : null}
+    </div>
+  );
+}
+

package/src/schemas/workspace/workspace.timePortal.views.jsx

@@ -0,0 +1,56 @@
+import React, { useState } from 'react';
+import { Button } from '../../ui/primitives/Button.jsx';
+import { Modal } from '../../ui/primitives/Modal.jsx';
+import { timePortalIntentLabel } from '../../workspaces/workspace.timePortal.js';
+
+export function TimePortalResolveDialog({ timePortal = null, sources = [], busy = false, error = '', onResolve, onDismiss }) {
+  const initialSourceId = String(timePortal?.sourceId || (sources.length === 1 ? sources[0]?.id : '') || '');
+  const [sourceId, setSourceId] = useState(initialSourceId);
+  const [snapshotInput, setSnapshotInput] = useState(String(timePortal?.snapshotInput || timePortal?.snapshot?.inputTarget || ''));
+  function submit(event) {
+    event.preventDefault();
+    onResolve?.({ sourceId, snapshotInput });
+  }
+  return (
+    <Modal title="Resolve source snapshot" onDismiss={onDismiss} initialFocus="timePortalSnapshotInput" className="tx-dialog-time-portal-resolve">
+      <form className="tx-form tx-time-portal-resolve-form" onSubmit={submit}>
+        <p><strong>TIME PORTAL</strong></p>
+        <p className="tx-muted">Time intent is not a commit selector. Paste an explicit GitHub commit/tree URL, exact SHA, branch, or tag. Named refs resolve once to an immutable commit before review.</p>
+        {sources.length > 1 ? (
+          <label className="tx-select-field"><span>Configured source</span><select value={sourceId} onChange={(event) => setSourceId(event.target.value)}><option value="">Choose source…</option>{sources.map((source) => <option key={source.id} value={source.id}>{source.label} · {source.repository}</option>)}</select></label>
+        ) : sources.length === 1 ? <p className="tx-muted">Source: <strong>{sources[0].label}</strong> · {sources[0].repository}</p> : <p className="tx-muted">No GitHub repository source is configured for this workspace.</p>}
+        <label className="tx-field"><span>GitHub snapshot target</span><input id="timePortalSnapshotInput" value={snapshotInput} onChange={(event) => setSnapshotInput(event.target.value)} placeholder="https://github.com/Tiinex/docs/tree/&lt;sha&gt; or explicit ref" autoComplete="off" /></label>
+        <p className="tx-muted">Intent: {timePortalIntentLabel(timePortal)}</p>
+        {error ? <p role="alert" className="tx-error">{error}</p> : null}
+        <div className="tx-dialog-actions"><Button type="button" variant="ghost" onClick={onDismiss}>Cancel</Button><Button type="submit" variant="primary" disabled={busy || !sources.length || !snapshotInput.trim()}>{busy ? 'Resolving…' : 'Resolve source snapshot'}</Button></div>
+      </form>
+    </Modal>
+  );
+}
+
+export function TimePortalCompactMarker({ timePortal = null }) {
+  const exact = String(timePortal?.snapshot?.materializedCommit || '').trim();
+  const exactLabel = exact ? `Historical snapshot ${exact}` : 'Historical snapshot';
+  const shortCommit = exact ? exact.slice(0, 10) : 'snapshot';
+  return (
+    <div className="tx-time-portal-compact-marker" role="status" aria-label={exactLabel} title={exactLabel}>
+      <strong>Historical</strong>
+      <code>{shortCommit}</code>
+    </div>
+  );
+}
+
+export function TimePortalBanner({ timePortal = null, readModel = null, onLoadSnapshot, onReturnLatest }) {
+  if (!timePortal) return null;
+  const snapshot = timePortal.snapshot || null;
+  const exact = snapshot?.materializedCommit || '';
+  const state = snapshot ? (readModel?.state || 'not-loaded') : 'unresolved';
+  const title = snapshot ? 'Historical snapshot selected' : 'Time Portal intent unresolved';
+  return (
+    <section className="tx-time-portal-banner" role="status" aria-label="Time Portal historical review" data-time-portal-state={state}>
+      <div><strong>{title}</strong><span>{timePortalIntentLabel(timePortal)}</span></div>
+      {snapshot ? <div className="tx-time-portal-identity"><span>Source {snapshot.repository}</span><code title={exact}>{exact}</code><span>{readModel?.cacheState === 'cache' ? 'Loaded from cached snapshot bytes; source was not revalidated this session' : state === 'loaded' ? 'Loaded read-only snapshot' : state === 'degraded' ? 'Historical snapshot loaded with diagnostics' : state === 'unavailable' ? 'Snapshot unavailable' : 'Snapshot bytes not loaded in this session'}</span></div> : <p className="tx-muted">Begin/End expresses review intent only. Resolve an explicit source snapshot before historical material is shown.</p>}
+      <div className="tx-time-portal-actions">{snapshot && (!readModel || ['unavailable','failed'].includes(readModel.state)) ? <Button type="button" variant="primary" onClick={onLoadSnapshot}>Load snapshot</Button> : null}<Button type="button" variant="ghost" onClick={onReturnLatest}>Return to latest</Button></div>
+    </section>
+  );
+}

package/src/schemas/workspace/workspace.tree.views.jsx

@@ -0,0 +1,107 @@
+import React, { useMemo } from 'react';
+import { Badge } from '../../ui/primitives/Badge.jsx';
+import { Icon } from '../../ui/primitives/Icon.jsx';
+import { buildWorkspacePathTree } from '../../workspaces/workspace.pathTree.js';
+import { AuditStatusBadge } from './workspace.auditBadge.views.jsx';
+import { recordLifecycleBadge } from './workspace.viewFormatting.js';
+import { WORKSPACE_RECORD_PRIMARY_INTENT, workspaceRecordPrimaryIntent, workspaceRecordPrimaryLabel } from '../../workspaces/workspace.navigation.js';
+
+export function WorkspaceTreeState({ workspace, query = '', records, assets = [], auditById = new Map(), expandedFolders = [], onToggleTreeFolder, onOpenRecord, onFocusRecordLineage, onOpenAsset, readOnly = false, selectionActive = false, selectionCandidates = [], onSelectCandidate }) {
+  query = String(query || '').trim();
+  const rootLabel = `Visible tree · ${workspace.title || workspace.name || 'workspace'}`;
+  const tree = useMemo(() => buildWorkspacePathTree({
+    records,
+    assets,
+    rootLabel,
+    query
+  }), [records, assets, rootLabel, query]);
+  const selectionByRecordId = useMemo(() => new Map((Array.isArray(selectionCandidates) ? selectionCandidates : []).filter((item) => String(item?.workspaceId || '') === String(workspace?.id || '') && item?.id).map((item) => [String(item.id), item])), [selectionCandidates, workspace?.id]);
+  const selectionByFolderPath = useMemo(() => new Map((Array.isArray(selectionCandidates) ? selectionCandidates : []).filter((item) => String(item?.workspaceId || '') === String(workspace?.id || '') && item?.kind === 'folder' && item?.path).map((item) => [String(item.path), item])), [selectionCandidates, workspace?.id]);
+  const expandedSet = useMemo(() => new Set(Array.isArray(expandedFolders) ? expandedFolders : []), [expandedFolders]);
+  return (
+    <div className="tx-workspace-tree-state tx-path-tree-state" role="tree" aria-label="Workspace path tree">
+      <div className="tx-tree-root tx-path-tree-root">
+        <span><Icon name="tree" /> {tree.rootLabel}</span>
+        <TreeCountBadges counts={tree.counts} />
+      </div>
+      {tree.folders.map((folder) => (
+        <TreeFolder key={folder.path || folder.name} folder={folder} query={query} expandedSet={expandedSet} onToggleFolder={onToggleTreeFolder} auditById={auditById} onOpenRecord={onOpenRecord} onFocusRecordLineage={onFocusRecordLineage} onOpenAsset={onOpenAsset} readOnly={readOnly} selectionActive={selectionActive} selectionByRecordId={selectionByRecordId} selectionByFolderPath={selectionByFolderPath} onSelectCandidate={onSelectCandidate} />
+      ))}
+      {tree.items.map((item) => (
+        <TreeLeafItem key={item.id || item.path} item={item} auditById={auditById} onOpenRecord={onOpenRecord} onFocusRecordLineage={onFocusRecordLineage} onOpenAsset={onOpenAsset} readOnly={readOnly} selectionActive={selectionActive} selectionCandidate={selectionByRecordId.get(String(item.source?.id || '')) || null} onSelectCandidate={onSelectCandidate} />
+      ))}
+      {tree.empty ? <p className="tx-tree-empty">No loaded artifacts or assets yet. Source and workspace boundaries remain visible.</p> : null}
+    </div>
+  );
+}
+
+function TreeFolder({ folder, query, expandedSet = new Set(), onToggleFolder, auditById = new Map(), onOpenRecord, onFocusRecordLineage, onOpenAsset, readOnly = false, selectionActive = false, selectionByRecordId = new Map(), selectionByFolderPath = new Map(), onSelectCandidate }) {
+  const open = Boolean(query) || expandedSet.has(folder.path || folder.name || '');
+  const folderCandidate = selectionByFolderPath.get(String(folder.path || '')) || null;
+  return (
+    <details className="tx-tree-folder" open={open} role="group" data-tree-folder-path={folder.path || folder.name || ''} onToggle={(event) => { if (event.currentTarget === event.target && !query) onToggleFolder?.(folder.path || folder.name || '', event.currentTarget.open); }}>
+      <summary className="tx-tree-folder-summary" role="treeitem" aria-label={`Folder ${folder.name}`}>
+        <span className="tx-tree-folder-name"><Icon name="folderOpen" /> {folder.name}</span>
+        <TreeCountBadges counts={folder.counts} />
+      </summary>
+      {selectionActive && folderCandidate ? <button type="button" className="tx-tree-folder-select" onClick={() => onSelectCandidate?.(folderCandidate)}>Select folder</button> : null}
+      <div className="tx-tree-folder-children">
+        {folder.folders.map((child) => (
+          <TreeFolder key={child.path || child.name} folder={child} query={query} expandedSet={expandedSet} onToggleFolder={onToggleFolder} auditById={auditById} onOpenRecord={onOpenRecord} onFocusRecordLineage={onFocusRecordLineage} onOpenAsset={onOpenAsset} readOnly={readOnly} selectionActive={selectionActive} selectionByRecordId={selectionByRecordId} selectionByFolderPath={selectionByFolderPath} onSelectCandidate={onSelectCandidate} />
+        ))}
+        {folder.items.map((item) => (
+          <TreeLeafItem key={item.id || item.path} item={item} auditById={auditById} onOpenRecord={onOpenRecord} onFocusRecordLineage={onFocusRecordLineage} onOpenAsset={onOpenAsset} readOnly={readOnly} selectionActive={selectionActive} selectionCandidate={selectionByRecordId.get(String(item.source?.id || '')) || null} onSelectCandidate={onSelectCandidate} />
+        ))}
+      </div>
+    </details>
+  );
+}
+
+function TreeLeafItem({ item, auditById = new Map(), onOpenRecord, onFocusRecordLineage, onOpenAsset, readOnly = false, selectionActive = false, selectionCandidate = null, onSelectCandidate }) {
+  if (item.type === 'asset') {
+    return (
+      <button type="button" className="tx-tree-record-row tx-tree-asset-row tx-tree-leaf-row" role="treeitem" onClick={() => onOpenAsset?.(item.source.id || item.source.path)} title={item.path || ''}>
+        <span><Icon name="asset" /> {item.name || item.title || 'Asset'}</span>
+        <Badge>{item.source.previewState || item.kind || 'asset'}</Badge>
+      </button>
+    );
+  }
+  const auditItem = auditById.get(item.source.id);
+  const primaryIntent = workspaceRecordPrimaryIntent({ surface: 'tree', selectionActive, selectionCandidate });
+  const openPrimary = () => {
+    if (primaryIntent === WORKSPACE_RECORD_PRIMARY_INTENT.select) return onSelectCandidate?.(selectionCandidate);
+    if (primaryIntent === WORKSPACE_RECORD_PRIMARY_INTENT.unavailable) return undefined;
+    return onOpenRecord?.(item.source.id);
+  };
+  return (
+    <div className="tx-tree-record-row tx-tree-leaf-row" role="treeitem" title={item.path || ''}>
+      <button type="button" className="tx-tree-row-main" onClick={openPrimary} aria-label={workspaceRecordPrimaryLabel({ intent: primaryIntent, title: item.name || item.title || 'artifact' })}>
+        <span><Icon name="open" /> {item.name || item.title || 'Untitled'}</span>
+      </button>
+      <span className="tx-tree-row-badges">
+        <AuditStatusBadge record={item.source} item={auditItem} />
+        {recordLifecycleBadge(item.source) ? <Badge title="Lifecycle/publication state">{recordLifecycleBadge(item.source)}</Badge> : null}
+        <Badge>{item.source.kind || item.kind || 'artifact'}</Badge>
+        {!readOnly && !selectionActive ? <button type="button" className="tx-tree-row-action" onClick={() => onFocusRecordLineage?.(item.source.id)} aria-label={`Open lineage for ${item.name || item.title || 'artifact'}`} title="Open lineage"><Icon name="lineage" /> Lineage</button> : null}
+        {selectionActive && selectionCandidate ? <button type="button" className="tx-tree-record-select" onClick={() => onSelectCandidate?.(selectionCandidate)}>Select</button> : null}
+      </span>
+    </div>
+  );
+}
+
+function TreeCountBadges({ counts = {} }) {
+  const records = Number(counts.records || 0);
+  const leaves = Number(counts.leaves || 0);
+  const supporting = Number(counts.supporting || 0) + Number(counts.schemaDefinitions || 0);
+  const assets = Number(counts.assets || 0);
+  const candidates = Number(counts.workspaceArtifacts || 0);
+  return (
+    <span className="tx-tree-counts" aria-label={`${records} visible artifacts, ${leaves} visible leaves, ${supporting} visible supporting, ${assets} visible assets, ${candidates} visible workspace artifacts`}>
+      {records ? <span className="tx-tree-count-chip" title="Visible after Display options/search"><Icon name="manualFiles" />{records}<small>visible artifacts</small></span> : null}
+      {leaves ? <span className="tx-tree-count-chip tx-tree-leaf-chip" title="Visible leaf-role artifacts"><Icon name="lineage" />{leaves}<small>visible leaves</small></span> : null}
+      {supporting ? <span className="tx-tree-count-chip tx-tree-supporting-chip" title="Supporting/schema docs"><Icon name="open" />{supporting}</span> : null}
+      {assets ? <span className="tx-tree-count-chip"><Icon name="asset" />{assets}</span> : null}
+      {candidates ? <span className="tx-tree-count-chip"><Icon name="workspace" />{candidates}</span> : null}
+    </span>
+  );
+}