@inneranimalmedia/agentsam-sdk 2.6.5 → 2.6.8

package/apps/client-cms-editor/frontend/src/CmsAgentSurface.tsx

@@ -1,191 +1,36 @@
-import { useEffect, useMemo, useState } from 'react';
-import type { AgentPrincipal, AgentWorkbenchAdapter } from '@inneranimalmedia/agentsam-contracts';
-import { ConnectedAgentPanel } from '@inneranimalmedia/agentsam-workbench/agent';
-import {
-  ContextualComposerHost,
-  type ComposerSelection,
-  type ComposerSuggestion,
-  type GenerationPhase,
-  type LayerNode,
-  type PropertyInspectorValues,
-  phaseLabel,
-} from '@inneranimalmedia/agentsam-workbench/agent';
-import { createCmsAgentContextProvider } from '@inneranimalmedia/agentsam-cms-shared';
-import '@inneranimalmedia/agentsam-workbench/agent/contextual-composer.css';
+import type { ReactNode } from 'react';
 
 export type CmsAgentSurfaceProps = {
-  /** Required for classic ConnectedAgentPanel; optional when `contextual` (demo / local stubs). */
-  adapter?: AgentWorkbenchAdapter | null;
-  principal?: AgentPrincipal | null;
   projectId: string;
   conversationId: string;
-  route?: string;
-  pageId?: string | null;
-  sectionId?: string | null;
-  blockId?: string | null;
-  publicationRevision?: number | null;
   className?: string;
-  /** When true, use the Sidekick-style contextual composer shell instead of the plain ConnectedAgentPanel. */
-  contextual?: boolean;
-  selection?: ComposerSelection | null;
-  layers?: LayerNode[];
-  pageLabel?: string;
-  propertyValues?: PropertyInspectorValues;
-  onPropertyChange?: (patch: Partial<PropertyInspectorValues>) => void;
-  onSelectLayer?: (id: string) => void;
-  onRemoveBlock?: () => void;
-  children?: React.ReactNode;
+  children?: ReactNode;
+  /**
+   * Host-provided agent / contextual composer surface.
+   * Core CMS never imports a workbench package; attach via CmsAgentHost in the consumer.
+   */
+  hostSurface?: ReactNode;
 };
 
 /**
- * CMS-specific adapter around the shared AgentSam workbench.
- * Host supplies authenticated principal + explicit CMS selection state.
- *
- * `contextual` enables the select → suggest → generate → land loop
- * (see docs/CMS_CONTEXTUAL_COMPOSER.md). FnF layout: left inspector · canvas · right composer.
+ * Optional agent surface slot. Without a host surface, renders a clear empty state.
  */
 export function CmsAgentSurface({
-  adapter,
-  principal,
-  projectId,
-  conversationId,
-  route,
-  pageId,
-  sectionId,
-  blockId,
-  publicationRevision,
   className,
-  contextual = false,
-  selection = null,
-  layers = [],
-  pageLabel = 'Home page',
-  propertyValues,
-  onPropertyChange,
-  onSelectLayer,
-  onRemoveBlock,
   children,
+  hostSurface,
 }: CmsAgentSurfaceProps) {
-  const contextProvider = useMemo(() => createCmsAgentContextProvider(() => ({
-    principal: principal || {
-      accountId: 'demo',
-      authUserId: 'demo',
-      displayName: 'Demo',
-    },
-    projectId,
-    route,
-    pageId,
-    sectionId,
-    blockId,
-    publicationRevision,
-  })), [blockId, pageId, principal, projectId, publicationRevision, route, sectionId]);
-
-  const [values, setValues] = useState<PropertyInspectorValues>(
-    propertyValues || {
-      text: selection?.label || '',
-      width: 'fit',
-      maxWidth: 'normal',
-      align: 'left',
-      typographyPreset: 'Heading 4',
-      background: false,
-      padding: { top: 0, bottom: 0, left: 0, right: 0 },
-    },
-  );
-  const [flashKeys, setFlashKeys] = useState<string[]>([]);
-
-  useEffect(() => {
-    if (!propertyValues) return;
-    setValues((prev) => ({ ...prev, ...propertyValues, padding: { ...(prev.padding || { top: 0, bottom: 0, left: 0, right: 0 }), ...(propertyValues.padding || {}) } }));
-  }, [propertyValues]);
-
-  if (!contextual) {
-    if (!adapter) {
-      return (
-        <div className={className} data-cms-agent-empty="">
-          Agent adapter is required for the classic panel. Pass `contextual` for the FnF composer shell.
-        </div>
-      );
-    }
-    return (
-      <ConnectedAgentPanel
-        className={className}
-        adapter={adapter}
-        contextProvider={contextProvider}
-        conversationId={conversationId}
-        header={<div data-cms-agent-header="">AgentSam · CMS</div>}
-        empty={<div data-cms-agent-empty="">Where should we begin?</div>}
-      />
-    );
+  if (hostSurface) {
+    return <div className={className} data-cms-agent-host="">{hostSurface}</div>;
   }
-
   return (
-    <ContextualComposerHost
-      selection={selection}
-      layers={layers}
-      pageLabel={pageLabel}
-      propertyValues={values}
-      flashKeys={flashKeys}
-      onFlashKeys={setFlashKeys}
-      onPropertyChange={(patch) => {
-        setValues((prev) => ({ ...prev, ...patch, padding: { ...(prev.padding || { top: 0, bottom: 0, left: 0, right: 0 }), ...(patch.padding || {}) } }));
-        onPropertyChange?.(patch);
-      }}
-      onSelectLayer={(id) => onSelectLayer?.(id)}
-      onRemoveBlock={onRemoveBlock}
-      planSuggestion={async (prompt, sel) => demoPlanSuggestion(prompt, sel)}
-      runGeneration={async (suggestion, emit, signal) => demoRunGeneration(suggestion, emit, signal)}
-    >
-      <div className={className} data-cms-agent-contextual="">
-        {children || (
-          <div style={{ padding: 24, color: '#71717a' }}>
-            Select a block in the canvas. AgentSam proposes a prebuilt solution scoped to that selection.
-          </div>
-        )}
-      </div>
-    </ContextualComposerHost>
+    <div className={className} data-cms-agent-empty="">
+      {children || (
+        <p>
+          No agent host attached. Pass a host surface from the embedding application —
+          this package does not bundle an agent workbench.
+        </p>
+      )}
+    </div>
   );
 }
-
-function demoPlanSuggestion(prompt: string, selection: ComposerSelection | null): ComposerSuggestion {
-  const label = selection?.label || 'this block';
-  const lower = prompt.toLowerCase();
-  if (lower.includes('announcement') || lower.includes('scroll')) {
-    return {
-      id: `sug_${Date.now()}`,
-      title: 'Create a scroll-controlled announcement bar',
-      rationale: `This will replace “${label}” with a prebuilt scroll-triggered announcement bar you can theme in the inspector.`,
-      selectionId: selection?.id,
-      selectionLabel: selection?.label,
-    };
-  }
-  return {
-    id: `sug_${Date.now()}`,
-    title: `Refine “${label}”`,
-    rationale: 'Apply a focused edit to the selected element using the shared block model (same fields the left inspector owns).',
-    selectionId: selection?.id,
-    selectionLabel: selection?.label,
-  };
-}
-
-async function demoRunGeneration(
-  suggestion: ComposerSuggestion,
-  emit: (partial: { phase?: GenerationPhase; label?: string; codeLines?: string[] }) => void,
-  signal: AbortSignal,
-) {
-  const phases: GenerationPhase[] = ['reading', 'drafting', 'writing-styles', 'wiring-settings'];
-  const lines: string[] = [];
-  for (const phase of phases) {
-    if (signal.aborted) throw new DOMException('Aborted', 'AbortError');
-    emit({ phase, label: phaseLabel(phase) });
-    await new Promise((r) => setTimeout(r, 280));
-    lines.push(`// ${phaseLabel(phase)}`);
-    lines.push(`apply("${suggestion.title.replace(/"/g, '\\"')}");`);
-    emit({ codeLines: [...lines] });
-  }
-  emit({ phase: 'done', label: phaseLabel('done') });
-  return {
-    confirmation: `Applied “${suggestion.title}” to ${suggestion.selectionLabel || 'the selection'}.`,
-    propertyPatch: suggestion.selectionLabel
-      ? { text: suggestion.selectionLabel }
-      : undefined,
-  };
-}

package/apps/client-cms-editor/frontend/src/adapters/heuristic.ts

@@ -0,0 +1,29 @@
+import { MemoryCmsAdapter } from './memory';
+import { installStarterPack } from '../../../shared/cms/src/starter-pack';
+import {
+  HEURISTIC_STARTER_PACK_ID,
+  heuristicStarterPack,
+} from '../../../starter-packs/heuristic';
+
+/**
+ * Preview helper: install Heuristic into an in-memory adapter.
+ * The pack is a real starter; the adapter choice is what makes this temporary.
+ * Prefer installStarterPack(sqliteOrHttpAdapter, heuristicStarterPack) for durable first-run.
+ */
+export async function previewHeuristicStarter(siteId = HEURISTIC_STARTER_PACK_ID) {
+  const adapter = MemoryCmsAdapter.createEmpty();
+  const installed = await installStarterPack(adapter, heuristicStarterPack, { siteId });
+  return {
+    adapter,
+    siteId: installed.siteId,
+    pageId: installed.pageIds[0] || null,
+    pack: heuristicStarterPack,
+    /** Adapter is temporary — pack provenance remains builtin_starter. */
+    adapterTemporary: true as const,
+  };
+}
+
+/** @deprecated Use previewHeuristicStarter / installStarterPack(heuristicStarterPack). */
+export async function createHeuristicThemeMemoryAdapter(siteId = HEURISTIC_STARTER_PACK_ID) {
+  return previewHeuristicStarter(siteId);
+}