@petrarca/sonnet-playground 0.6.0 → 0.7.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/PlaygroundRegistry.ts","../src/builtinEntries.ts","../src/createPlaygroundModule.tsx","../src/PlaygroundOverview.tsx","../src/PlaygroundSettingsPanel.tsx","../src/PlaygroundSettings.tsx","../src/index.ts"],"sourcesContent":["/**\n * PlaygroundRegistry -- mutable collection of playground entries.\n *\n * The library ships a default instance pre-populated with the built-in\n * sonnet component demos. Consumers register additional entries for\n * domain-specific playgrounds before passing the registry to\n * createPlaygroundModule().\n */\nimport type { PlaygroundEntry } from \"./types\";\n\nexport class PlaygroundRegistry {\n  private entries: Map<string, PlaygroundEntry> = new Map();\n\n  /** Register a playground entry. Overwrites any existing entry with the same id. */\n  register(entry: PlaygroundEntry): void {\n    this.entries.set(entry.id, entry);\n  }\n\n  /** Register multiple entries at once. */\n  registerAll(entries: PlaygroundEntry[]): void {\n    for (const entry of entries) {\n      this.entries.set(entry.id, entry);\n    }\n  }\n\n  /** Remove an entry by id. Returns true if it existed. */\n  unregister(id: string): boolean {\n    return this.entries.delete(id);\n  }\n\n  /** Get a single entry by id. */\n  get(id: string): PlaygroundEntry | undefined {\n    return this.entries.get(id);\n  }\n\n  /** Fallback group label for entries with no group defined. */\n  static readonly DEFAULT_GROUP = \"General\";\n\n  /**\n   * All registered entries, sorted by group registration order then\n   * by `order` within each group.\n   */\n  getAll(): PlaygroundEntry[] {\n    const groupOrder = this.getGroupOrder();\n    return [...this.entries.values()].sort((a, b) => {\n      const groupA = a.group ?? PlaygroundRegistry.DEFAULT_GROUP;\n      const groupB = b.group ?? PlaygroundRegistry.DEFAULT_GROUP;\n      if (groupA !== groupB) {\n        return (\n          (groupOrder.get(groupA) ?? 999) - (groupOrder.get(groupB) ?? 999)\n        );\n      }\n      return (a.order ?? 0) - (b.order ?? 0);\n    });\n  }\n\n  /**\n   * Entries grouped by their group label.\n   * Returns an array of [groupLabel, entries[]] tuples, preserving\n   * first-seen registration order for groups and `order` within each group.\n   */\n  getGrouped(): Array<[string, PlaygroundEntry[]]> {\n    const grouped = new Map<string, PlaygroundEntry[]>();\n    for (const entry of this.getAll()) {\n      const group = entry.group ?? PlaygroundRegistry.DEFAULT_GROUP;\n      const list = grouped.get(group) ?? [];\n      list.push(entry);\n      grouped.set(group, list);\n    }\n    return [...grouped.entries()];\n  }\n\n  /** Map of group name → first-seen index (registration order). */\n  private getGroupOrder(): Map<string, number> {\n    const order = new Map<string, number>();\n    let idx = 0;\n    for (const entry of this.entries.values()) {\n      const group = entry.group ?? PlaygroundRegistry.DEFAULT_GROUP;\n      if (!order.has(group)) {\n        order.set(group, idx++);\n      }\n    }\n    return order;\n  }\n\n  /** Number of registered entries. */\n  get size(): number {\n    return this.entries.size;\n  }\n}\n","/**\n * Built-in playground entries for the sonnet component library.\n *\n * These entries demonstrate @petrarca/sonnet-* components with static\n * mock data -- no application backend required. Each page is lazy-loaded.\n */\nimport { lazy } from \"react\";\nimport {\n  Type,\n  Palette,\n  Grid,\n  Layers,\n  Braces,\n  Check,\n  Edit,\n  Package,\n  Table2,\n  Network,\n  SquareTerminal,\n  PencilRuler,\n} from \"lucide-react\";\nimport type { PlaygroundEntry } from \"./types\";\n\nexport const builtinEntries: PlaygroundEntry[] = [\n  {\n    id: \"sonnet.typography\",\n    title: \"Typography\",\n    description:\n      \"Living style-guide for the typography system. Font families, type scale, weights, heading hierarchy, color tiers, and component patterns.\",\n    icon: Type,\n    color: \"teal\",\n    path: \"typography\",\n    component: lazy(() => import(\"./pages/PlayTypography\")),\n    group: \"Design System\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.color-palette\",\n    title: \"Color Palette\",\n    description:\n      \"Living reference for the color system. Semantic tokens, extended palette, badge colors, icon accents, and usage guidance.\",\n    icon: Palette,\n    color: \"violet\",\n    path: \"color-palette\",\n    component: lazy(() => import(\"./pages/PlayColorPalette\")),\n    group: \"Design System\",\n    order: 1,\n  },\n  {\n    id: \"sonnet.core-components\",\n    title: \"Core UI Components\",\n    description:\n      \"Test all core UI components (notifications, buttons, dialogs, forms, etc.) in isolation before production use.\",\n    icon: Grid,\n    color: \"indigo\",\n    path: \"core-components\",\n    component: lazy(() => import(\"./pages/PlayCoreComponents\")),\n    group: \"Components\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.advanced-components\",\n    title: \"Advanced Components\",\n    description:\n      \"Multi-step workflows (Stepper) and hierarchical data structures (TreeView) with keyboard navigation and selection.\",\n    icon: Layers,\n    color: \"emerald\",\n    path: \"advanced-components\",\n    component: lazy(() => import(\"./pages/PlayAdvancedComponents\")),\n    group: \"Components\",\n    order: 1,\n  },\n  {\n    id: \"sonnet.json-editor\",\n    title: \"JSON Editor\",\n    description:\n      \"Constrained JSON editor with selectively editable regions using JSON Pointer (RFC 6901). Readonly sections are visible but locked.\",\n    icon: Braces,\n    color: \"amber\",\n    path: \"json-editor\",\n    component: lazy(() => import(\"./pages/PlayJsonEditor\")),\n    group: \"Components\",\n    order: 2,\n  },\n  {\n    id: \"sonnet.form-components\",\n    title: \"Form Components\",\n    description:\n      \"Test custom Form wrapper components with labels, descriptions, and error states. Includes Input, Textarea, Number, Checkbox, Select, MultiSelect, and Tags.\",\n    icon: Check,\n    color: \"blue\",\n    path: \"form-components\",\n    component: lazy(() => import(\"./pages/PlayFormComponents\")),\n    group: \"Forms\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.forms\",\n    title: \"Forms Renderer\",\n    description:\n      \"Test and experiment with the JsonSchemaFormRenderer component. Try different schemas and see real-time validation.\",\n    icon: Edit,\n    color: \"purple\",\n    path: \"forms\",\n    component: lazy(() => import(\"./pages/PlayForms\")),\n    group: \"Forms\",\n    order: 1,\n  },\n  {\n    id: \"sonnet.form-widgets\",\n    title: \"Form Widgets\",\n    description:\n      \"Pluggable field components consumed by the Forms Renderer. Each widget maps to a JSON Schema type or format and can be swapped independently.\",\n    icon: Package,\n    color: \"indigo\",\n    path: \"form-widgets\",\n    component: lazy(() => import(\"./pages/PlayFormWidgets\")),\n    group: \"Forms\",\n    order: 2,\n  },\n  {\n    id: \"sonnet.schema-designer\",\n    title: \"Schema Designer\",\n    description:\n      \"Visually author a JSON Schema and its UI presentation hints. Field tree, inspector, and live preview; edits emit a valid schema + uiSchema.\",\n    icon: PencilRuler,\n    color: \"teal\",\n    path: \"schema-designer\",\n    component: lazy(() => import(\"./pages/PlaySchemaDesigner\")),\n    group: \"Schemas\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.data-components\",\n    title: \"Data Components\",\n    description:\n      \"Interactive sandbox for SearchInput (simple and faceted mode) and EntityTable. Includes a live table wired to the faceted search.\",\n    icon: Table2,\n    color: \"teal\",\n    path: \"data-components\",\n    component: lazy(() => import(\"./pages/PlayDataComponents\")),\n    group: \"Data\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.graph\",\n    title: \"Graph Visualization\",\n    description:\n      \"Interactive property graph visualization with dual renderer support (Cytoscape, Reagraph). Org hierarchy demo with filtering, selection, and exploration.\",\n    icon: Network,\n    color: \"cyan\",\n    path: \"graph\",\n    component: lazy(() => import(\"./pages/PlayGraph\")),\n    group: \"Graph\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.shell-api\",\n    title: \"Shell API\",\n    description:\n      \"Interactive demo of the shell API: notifications, dialogs, programmatic navigation, slide-over panels, the resizable sidePane, and the Cmd+K command menu.\",\n    icon: SquareTerminal,\n    color: \"orange\",\n    path: \"shell-api\",\n    component: lazy(() => import(\"./pages/PlayShellApi\")),\n    group: \"Shell\",\n    order: 0,\n  },\n];\n","/**\n * Factory that turns a PlaygroundRegistry into a ShellModule.\n *\n * Generates routes (lazy + Suspense), sidebar navigation, and the\n * overview index page -- all derived from the registry entries.\n * The consumer just passes a registry and optional overrides.\n */\nimport React, { Suspense } from \"react\";\nimport { Outlet } from \"react-router-dom\";\nimport { FlaskConical } from \"lucide-react\";\nimport type { ShellModule, NavGroup } from \"@petrarca/sonnet-shell\";\nimport type { PlaygroundRegistry } from \"./PlaygroundRegistry\";\nimport type { PlaygroundModuleOptions } from \"./types\";\nimport { PlaygroundOverview } from \"./PlaygroundOverview\";\nimport { PlaygroundSettingsProvider } from \"./PlaygroundSettings\";\n\nfunction buildNavigation(\n  registry: PlaygroundRegistry,\n  basePath: string,\n): NavGroup[] {\n  const groups = registry.getGrouped();\n  const navGroups: NavGroup[] = [];\n\n  navGroups.push({\n    id: \"playground-overview\",\n    links: [{ label: \"Overview\", path: basePath }],\n  });\n\n  for (const [groupLabel, entries] of groups) {\n    navGroups.push({\n      id: `playground-${groupLabel.toLowerCase().replace(/\\s+/g, \"-\")}`,\n      heading: groupLabel,\n      links: entries.map((e) => ({\n        label: e.title,\n        path: `${basePath}/${e.path}`,\n      })),\n    });\n  }\n\n  return navGroups;\n}\n\n// Wrap a component in Suspense for lazy loading.\nfunction suspended(Component: React.ComponentType): React.ReactElement {\n  return (\n    <Suspense>\n      <Component />\n    </Suspense>\n  );\n}\n\n// Layout route element: a single PlaygroundSettingsProvider wrapping all\n// playground routes via <Outlet>. Mounted once, never torn down on navigation,\n// so settings state is stable across route changes within the playground.\nfunction PlaygroundLayout(): React.ReactElement {\n  return (\n    <PlaygroundSettingsProvider>\n      <Outlet />\n    </PlaygroundSettingsProvider>\n  );\n}\n\nexport function createPlaygroundModule(\n  registry: PlaygroundRegistry,\n  options: PlaygroundModuleOptions = {},\n): ShellModule {\n  const {\n    icon = FlaskConical,\n    label = \"Playground\",\n    basePath = \"/playground\",\n    overviewTitle = \"Developer Playground\",\n    overviewSubtitle = \"Experiment with components, test features, and explore capabilities.\",\n    grouped = true,\n  } = options;\n\n  const routeBase = basePath.replace(/^\\//, \"\");\n\n  // A single layout route wraps all playground routes. The settings provider\n  // lives here -- mounted once, alive for the full playground session.\n  const routes = [\n    {\n      path: routeBase,\n      element: <PlaygroundLayout />,\n      children: [\n        {\n          index: true,\n          element: suspended(() => (\n            <PlaygroundOverview\n              registry={registry}\n              basePath={basePath}\n              title={overviewTitle}\n              subtitle={overviewSubtitle}\n              grouped={grouped}\n            />\n          )),\n        },\n        ...registry.getAll().map((entry) => ({\n          path: entry.path,\n          element: suspended(entry.component),\n        })),\n      ],\n    },\n  ];\n\n  return {\n    id: \"playground\",\n    label,\n    icon,\n    basePath,\n    pinBottom: true,\n    navigation: buildNavigation(registry, basePath),\n    routes,\n  };\n}\n","/**\n * PlaygroundOverview -- tile grid rendered from a PlaygroundRegistry.\n *\n * Displays cards with colored icons. Clicking a card navigates to the\n * playground page. A toggle in the header lets the user switch between\n * grouped (by category) and flat (all tiles) views.\n */\nimport React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { LayoutGrid, List } from \"lucide-react\";\nimport { Card, Button, SimpleTooltip } from \"@petrarca/sonnet-ui\";\nimport type { PlaygroundRegistry } from \"./PlaygroundRegistry\";\nimport type { PlaygroundColor, PlaygroundEntry } from \"./types\";\nimport { PlaygroundSettingsPanel } from \"./PlaygroundSettingsPanel\";\n\n// Maps colour name to icon container classes (bg-*-100 text-*-600 pairing).\nconst COLOR_CLASSES: Record<PlaygroundColor, string> = {\n  blue: \"bg-blue-100 text-blue-600\",\n  violet: \"bg-violet-100 text-violet-600\",\n  indigo: \"bg-indigo-100 text-indigo-600\",\n  purple: \"bg-purple-100 text-purple-600\",\n  teal: \"bg-teal-100 text-teal-600\",\n  amber: \"bg-amber-100 text-amber-600\",\n  emerald: \"bg-emerald-100 text-emerald-600\",\n  rose: \"bg-rose-100 text-rose-600\",\n  orange: \"bg-orange-100 text-orange-600\",\n  cyan: \"bg-cyan-100 text-cyan-600\",\n};\n\nconst TILE_GRID = \"grid grid-cols-1 sm:grid-cols-2 2xl:grid-cols-3 gap-6\";\n\ninterface PlaygroundOverviewProps {\n  registry: PlaygroundRegistry;\n  basePath: string;\n  title: string;\n  subtitle: string;\n  /** Initial grouping state. Defaults to true. User can toggle at runtime. */\n  grouped?: boolean;\n}\n\ninterface TileProps {\n  item: PlaygroundEntry;\n  onNavigate: (path: string) => void;\n}\n\n/** A single playground tile card. */\nfunction PlaygroundTile({ item, onNavigate }: TileProps): React.ReactElement {\n  return (\n    <Card\n      className=\"cursor-pointer shadow-sm border rounded-md p-6 transition-transform duration-200 motion-safe:hover:-translate-y-1\"\n      onClick={() => onNavigate(item.path)}\n    >\n      <div className=\"flex items-center mb-4\">\n        <div\n          className={`flex items-center justify-center w-9 h-9 rounded-md ${COLOR_CLASSES[item.color] ?? COLOR_CLASSES.blue}`}\n        >\n          <item.icon size={18} />\n        </div>\n      </div>\n      <h3 className=\"heading-section mb-1\">{item.title}</h3>\n      <p className=\"text-sm text-muted-foreground\">{item.description}</p>\n    </Card>\n  );\n}\n\n/** Developer playground overview -- card grid linking to all registered pages. */\nexport function PlaygroundOverview({\n  registry,\n  basePath,\n  title,\n  subtitle,\n  grouped: initialGrouped = true,\n}: PlaygroundOverviewProps): React.ReactElement {\n  const navigate = useNavigate();\n  const [grouped, setGrouped] = useState(initialGrouped);\n\n  const handleNavigate = (path: string) => navigate(`${basePath}/${path}`);\n\n  return (\n    <div className=\"w-full\">\n      <div className=\"flex items-start justify-between mb-6\">\n        <div>\n          <h1 className=\"mb-1\">{title}</h1>\n          <p className=\"text-sm text-muted-foreground\">{subtitle}</p>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <SimpleTooltip\n            label={grouped ? \"Show flat list\" : \"Group by category\"}\n          >\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={() => setGrouped((v) => !v)}\n            >\n              {grouped ? (\n                <LayoutGrid className=\"h-4 w-4\" />\n              ) : (\n                <List className=\"h-4 w-4\" />\n              )}\n            </Button>\n          </SimpleTooltip>\n          <PlaygroundSettingsPanel />\n        </div>\n      </div>\n\n      {grouped ? (\n        registry.getGrouped().map(([groupLabel, entries]) => (\n          <div key={groupLabel} className=\"mb-8\">\n            <h2 className=\"text-sm font-medium text-muted-foreground uppercase tracking-wider mb-4\">\n              {groupLabel}\n            </h2>\n            <div className={TILE_GRID}>\n              {entries.map((item) => (\n                <PlaygroundTile\n                  key={item.id}\n                  item={item}\n                  onNavigate={handleNavigate}\n                />\n              ))}\n            </div>\n          </div>\n        ))\n      ) : (\n        <div className={TILE_GRID}>\n          {registry.getAll().map((item) => (\n            <PlaygroundTile\n              key={item.id}\n              item={item}\n              onNavigate={handleNavigate}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n","/**\n * PlaygroundSettingsPanel -- gear button that opens a right-side settings sheet.\n *\n * Hosts playground-wide settings (currently locale). Edits flow through\n * usePlaygroundSettings, which drives the SonnetConfigProvider wrapping all\n * playground routes.\n */\n\nimport React, { useState } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport {\n  IconButton,\n  Label,\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetBody,\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n} from \"@petrarca/sonnet-ui\";\nimport { usePlaygroundSettings } from \"./PlaygroundSettings\";\n\n// Locale choices for the playground. \"__inherit__\" uses the app/browser locale.\nconst INHERIT = \"__inherit__\";\nconst LOCALE_OPTIONS = [\n  { code: INHERIT, label: \"Inherit (app / browser)\" },\n  { code: \"en-US\", label: \"English (US) - MM/DD, Sun\" },\n  { code: \"en-GB\", label: \"English (UK) - DD/MM, Mon\" },\n  { code: \"de-DE\", label: \"German - DD.MM, Mon\" },\n  { code: \"fr-FR\", label: \"French - DD/MM, Mon\" },\n  { code: \"sv-SE\", label: \"Swedish - YYYY-MM-DD, Mon\" },\n  { code: \"ja-JP\", label: \"Japanese - YYYY/MM/DD, Sun\" },\n];\n\nexport function PlaygroundSettingsPanel(): React.ReactElement {\n  const [open, setOpen] = useState(false);\n  const { settings, setSettings } = usePlaygroundSettings();\n\n  return (\n    <Sheet open={open} onOpenChange={setOpen}>\n      <IconButton label=\"Playground settings\" onClick={() => setOpen(true)}>\n        <Settings />\n      </IconButton>\n      <SheetContent side=\"right\">\n        <SheetHeader>\n          <SheetTitle>Playground settings</SheetTitle>\n          <SheetDescription>\n            Scoped to the playground. Values exchanged with components stay\n            locale-independent (ISO); only display and input parsing change.\n          </SheetDescription>\n        </SheetHeader>\n        <SheetBody>\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"playground-locale\">Locale</Label>\n            <Select\n              value={settings.locale || INHERIT}\n              onValueChange={(value) =>\n                setSettings({ locale: value === INHERIT ? \"\" : value })\n              }\n            >\n              <SelectTrigger id=\"playground-locale\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {LOCALE_OPTIONS.map((opt) => (\n                  <SelectItem key={opt.code} value={opt.code}>\n                    {opt.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            <p className=\"text-xs text-tertiary-foreground\">\n              Drives locale-sensitive components (e.g. Date Input) across every\n              playground page.\n            </p>\n          </div>\n        </SheetBody>\n      </SheetContent>\n    </Sheet>\n  );\n}\n","/**\n * Playground-scoped settings (locale, ...).\n *\n * A self-contained provider that wraps all playground routes. It owns a small\n * settings object, persists it to a namespaced localStorage key, and renders a\n * SonnetConfigProvider so the settings flow to every playground page.\n *\n * Scope and containment: the provider is nested under any host-app provider and\n * merges onto it, so a playground override shadows the app/browser value only\n * within the playground subtree -- it never mutates the host app's global\n * config. The default is \"inherit\" (empty locale), so out of the box the\n * playground changes nothing.\n */\n\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport { SonnetConfigProvider } from \"@petrarca/sonnet-core/config\";\n\nconst STORAGE_KEY = \"sonnet.playground.settings\";\n\nexport interface PlaygroundSettings {\n  /** BCP-47 locale override, or \"\" to inherit the app/browser locale. */\n  locale: string;\n}\n\ninterface PlaygroundSettingsContextValue {\n  settings: PlaygroundSettings;\n  setSettings: (next: Partial<PlaygroundSettings>) => void;\n}\n\nconst DEFAULT_SETTINGS: PlaygroundSettings = { locale: \"\" };\n\nconst PlaygroundSettingsContext =\n  createContext<PlaygroundSettingsContextValue | null>(null);\n\n// Safe localStorage access (guards against SSR and storage failures).\nconst storage = {\n  get(key: string): string | null {\n    try {\n      return typeof localStorage !== \"undefined\"\n        ? localStorage.getItem(key)\n        : null;\n    } catch {\n      return null;\n    }\n  },\n  set(key: string, value: string): void {\n    try {\n      if (typeof localStorage !== \"undefined\") localStorage.setItem(key, value);\n    } catch {\n      // Ignore quota / private-mode failures.\n    }\n  },\n};\n\nfunction loadSettings(): PlaygroundSettings {\n  const raw = storage.get(STORAGE_KEY);\n  if (!raw) return DEFAULT_SETTINGS;\n  try {\n    return { ...DEFAULT_SETTINGS, ...(JSON.parse(raw) as PlaygroundSettings) };\n  } catch {\n    return DEFAULT_SETTINGS;\n  }\n}\n\nfunction persistSettings(settings: PlaygroundSettings): void {\n  storage.set(STORAGE_KEY, JSON.stringify(settings));\n}\n\nexport interface PlaygroundSettingsProviderProps {\n  children: React.ReactNode;\n}\n\nexport function PlaygroundSettingsProvider({\n  children,\n}: PlaygroundSettingsProviderProps): React.ReactElement {\n  const [settings, setSettingsState] =\n    useState<PlaygroundSettings>(loadSettings);\n\n  const setSettings = useCallback(\n    (next: Partial<PlaygroundSettings>) =>\n      setSettingsState((prev) => {\n        const merged = { ...prev, ...next };\n        persistSettings(merged);\n        return merged;\n      }),\n    [],\n  );\n\n  const contextValue = useMemo(\n    () => ({ settings, setSettings }),\n    [settings, setSettings],\n  );\n\n  // Only override the global locale when explicitly set; \"\" inherits.\n  const config = useMemo(\n    () => ({ globals: { locale: settings.locale || undefined } }),\n    [settings.locale],\n  );\n\n  return (\n    <PlaygroundSettingsContext.Provider value={contextValue}>\n      <SonnetConfigProvider value={config}>{children}</SonnetConfigProvider>\n    </PlaygroundSettingsContext.Provider>\n  );\n}\n\n/** Access playground settings. Returns defaults when no provider is present. */\nexport function usePlaygroundSettings(): PlaygroundSettingsContextValue {\n  return (\n    useContext(PlaygroundSettingsContext) ?? {\n      settings: DEFAULT_SETTINGS,\n      setSettings: () => {},\n    }\n  );\n}\n","/**\n * @petrarca/sonnet-playground\n *\n * Playground framework and built-in component demos for the Petrarca\n * Sonnet component library.\n *\n * Usage:\n *\n *   import {\n *     createPlaygroundRegistry,\n *     createPlaygroundModule,\n *   } from \"@petrarca/sonnet-playground\";\n *\n *   const playground = createPlaygroundRegistry();\n *   // Optionally register additional entries:\n *   playground.register({ id: \"app.custom\", ... });\n *\n *   const playgroundModule = createPlaygroundModule(playground);\n */\n\nimport { PlaygroundRegistry } from \"./PlaygroundRegistry\";\nimport { builtinEntries } from \"./builtinEntries\";\n\n// Framework\nexport { PlaygroundRegistry } from \"./PlaygroundRegistry\";\nexport { createPlaygroundModule } from \"./createPlaygroundModule\";\nexport { PlaygroundOverview } from \"./PlaygroundOverview\";\nexport { PlaygroundSection } from \"./PlaygroundSection\";\nexport {\n  PlaygroundSettingsProvider,\n  usePlaygroundSettings,\n  type PlaygroundSettings,\n} from \"./PlaygroundSettings\";\nexport { PlaygroundSettingsPanel } from \"./PlaygroundSettingsPanel\";\n\n// Types\nexport type {\n  PlaygroundEntry,\n  PlaygroundColor,\n  PlaygroundModuleOptions,\n} from \"./types\";\n\n// Built-in entries (for selective use or extending)\nexport { builtinEntries } from \"./builtinEntries\";\n\n/**\n * Convenience factory: creates a new PlaygroundRegistry pre-populated\n * with all built-in sonnet component demos.\n */\nexport function createPlaygroundRegistry(): PlaygroundRegistry {\n  const registry = new PlaygroundRegistry();\n  registry.registerAll(builtinEntries);\n  return registry;\n}\n"],"mappings":"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","names":["useState","useState","jsx","useState","jsx","jsxs","useState","jsx"]}
+{"version":3,"sources":["../src/PlaygroundRegistry.ts","../src/builtinEntries.ts","../src/createPlaygroundModule.tsx","../src/PlaygroundOverview.tsx","../src/PlaygroundSettingsPanel.tsx","../src/PlaygroundSettings.tsx","../src/index.ts"],"sourcesContent":["/**\n * PlaygroundRegistry -- mutable collection of playground entries.\n *\n * The library ships a default instance pre-populated with the built-in\n * sonnet component demos. Consumers register additional entries for\n * domain-specific playgrounds before passing the registry to\n * createPlaygroundModule().\n */\nimport { warnLog } from \"@petrarca/sonnet-core\";\nimport type { PlaygroundEntry } from \"./types\";\n\nexport class PlaygroundRegistry {\n  private entries: Map<string, PlaygroundEntry> = new Map();\n\n  /**\n   * Report registrations that cannot work, rather than silently misbehaving.\n   *\n   * Entries are keyed by `id`, so two entries may legally share a `path` --\n   * and then both produce a route on the same URL and one is unreachable.\n   * Groups are bucketed by their exact label, so two labels differing only by\n   * case become two separate groups.\n   *\n   * Neither is corrected here: dropping an entry, or merging groups the caller\n   * spelled differently, would be its own surprise. The registration stands and\n   * the problem is made diagnosable.\n   */\n  private warnOnConflicts(entry: PlaygroundEntry): void {\n    for (const existing of this.entries.values()) {\n      if (existing.id === entry.id) continue;\n\n      if (existing.path === entry.path) {\n        warnLog(\n          `[PlaygroundRegistry] entries \"${existing.id}\" and \"${entry.id}\" share the path \"${entry.path}\". Both will route to the same URL and one will be unreachable.`,\n        );\n      }\n\n      const group = entry.group ?? PlaygroundRegistry.DEFAULT_GROUP;\n      const existingGroup = existing.group ?? PlaygroundRegistry.DEFAULT_GROUP;\n      if (\n        group !== existingGroup &&\n        group.toLowerCase() === existingGroup.toLowerCase()\n      ) {\n        warnLog(\n          `[PlaygroundRegistry] group \"${group}\" differs from \"${existingGroup}\" only by case; they will render as two separate groups.`,\n        );\n      }\n    }\n  }\n\n  /** Register a playground entry. Overwrites any existing entry with the same id. */\n  register(entry: PlaygroundEntry): void {\n    this.warnOnConflicts(entry);\n    this.entries.set(entry.id, entry);\n  }\n\n  /** Register multiple entries at once. */\n  registerAll(entries: PlaygroundEntry[]): void {\n    for (const entry of entries) {\n      this.register(entry);\n    }\n  }\n\n  /** Remove an entry by id. Returns true if it existed. */\n  unregister(id: string): boolean {\n    return this.entries.delete(id);\n  }\n\n  /** Get a single entry by id. */\n  get(id: string): PlaygroundEntry | undefined {\n    return this.entries.get(id);\n  }\n\n  /** Fallback group label for entries with no group defined. */\n  static readonly DEFAULT_GROUP = \"General\";\n\n  /**\n   * All registered entries, sorted by group registration order then\n   * by `order` within each group.\n   */\n  getAll(): PlaygroundEntry[] {\n    const groupOrder = this.getGroupOrder();\n    return [...this.entries.values()].sort((a, b) => {\n      const groupA = a.group ?? PlaygroundRegistry.DEFAULT_GROUP;\n      const groupB = b.group ?? PlaygroundRegistry.DEFAULT_GROUP;\n      if (groupA !== groupB) {\n        return (\n          (groupOrder.get(groupA) ?? 999) - (groupOrder.get(groupB) ?? 999)\n        );\n      }\n      return (a.order ?? 0) - (b.order ?? 0);\n    });\n  }\n\n  /**\n   * Entries grouped by their group label.\n   * Returns an array of [groupLabel, entries[]] tuples, preserving\n   * first-seen registration order for groups and `order` within each group.\n   */\n  getGrouped(): Array<[string, PlaygroundEntry[]]> {\n    const grouped = new Map<string, PlaygroundEntry[]>();\n    for (const entry of this.getAll()) {\n      const group = entry.group ?? PlaygroundRegistry.DEFAULT_GROUP;\n      const list = grouped.get(group) ?? [];\n      list.push(entry);\n      grouped.set(group, list);\n    }\n    return [...grouped.entries()];\n  }\n\n  /** Map of group name → first-seen index (registration order). */\n  private getGroupOrder(): Map<string, number> {\n    const order = new Map<string, number>();\n    let idx = 0;\n    for (const entry of this.entries.values()) {\n      const group = entry.group ?? PlaygroundRegistry.DEFAULT_GROUP;\n      if (!order.has(group)) {\n        order.set(group, idx++);\n      }\n    }\n    return order;\n  }\n\n  /** Number of registered entries. */\n  get size(): number {\n    return this.entries.size;\n  }\n}\n","/**\n * Built-in playground entries for the sonnet component library.\n *\n * These entries demonstrate @petrarca/sonnet-* components with static\n * mock data -- no application backend required. Each page is lazy-loaded.\n */\nimport { lazy } from \"react\";\nimport {\n  Type,\n  Palette,\n  Grid,\n  Layers,\n  Braces,\n  Check,\n  Edit,\n  Package,\n  Table2,\n  Network,\n  SquareTerminal,\n  PencilRuler,\n  ShieldCheck,\n} from \"lucide-react\";\nimport type { PlaygroundEntry } from \"./types\";\n\nexport const builtinEntries: PlaygroundEntry[] = [\n  {\n    id: \"sonnet.typography\",\n    title: \"Typography\",\n    description:\n      \"Living style-guide for the typography system. Font families, type scale, weights, heading hierarchy, color tiers, and component patterns.\",\n    icon: Type,\n    color: \"teal\",\n    path: \"typography\",\n    component: lazy(() => import(\"./pages/PlayTypography\")),\n    group: \"Design System\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.color-palette\",\n    title: \"Color Palette\",\n    description:\n      \"Living reference for the color system. Semantic tokens, extended palette, badge colors, icon accents, and usage guidance.\",\n    icon: Palette,\n    color: \"violet\",\n    path: \"color-palette\",\n    component: lazy(() => import(\"./pages/PlayColorPalette\")),\n    group: \"Design System\",\n    order: 1,\n  },\n  {\n    id: \"sonnet.core-components\",\n    title: \"Core UI Components\",\n    description:\n      \"Test all core UI components (notifications, buttons, dialogs, forms, etc.) in isolation before production use.\",\n    icon: Grid,\n    color: \"indigo\",\n    path: \"core-components\",\n    component: lazy(() => import(\"./pages/PlayCoreComponents\")),\n    group: \"Components\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.advanced-components\",\n    title: \"Advanced Components\",\n    description:\n      \"Multi-step workflows (Stepper) and hierarchical data structures (TreeView) with keyboard navigation and selection.\",\n    icon: Layers,\n    color: \"emerald\",\n    path: \"advanced-components\",\n    component: lazy(() => import(\"./pages/PlayAdvancedComponents\")),\n    group: \"Components\",\n    order: 1,\n  },\n  {\n    id: \"sonnet.json-editor\",\n    title: \"JSON Editor\",\n    description:\n      \"Constrained JSON editor with selectively editable regions using JSON Pointer (RFC 6901). Readonly sections are visible but locked.\",\n    icon: Braces,\n    color: \"amber\",\n    path: \"json-editor\",\n    component: lazy(() => import(\"./pages/PlayJsonEditor\")),\n    group: \"Components\",\n    order: 2,\n  },\n  {\n    id: \"sonnet.form-components\",\n    title: \"Form Components\",\n    description:\n      \"Test custom Form wrapper components with labels, descriptions, and error states. Includes Input, Textarea, Number, Checkbox, Select, MultiSelect, and Tags.\",\n    icon: Check,\n    color: \"blue\",\n    path: \"form-components\",\n    component: lazy(() => import(\"./pages/PlayFormComponents\")),\n    group: \"Forms\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.forms\",\n    title: \"Forms Renderer\",\n    description:\n      \"Test and experiment with the JsonSchemaFormRenderer component. Try different schemas and see real-time validation.\",\n    icon: Edit,\n    color: \"purple\",\n    path: \"forms\",\n    component: lazy(() => import(\"./pages/PlayForms\")),\n    group: \"Forms\",\n    order: 1,\n  },\n  {\n    id: \"sonnet.form-widgets\",\n    title: \"Form Widgets\",\n    description:\n      \"Pluggable field components consumed by the Forms Renderer. Each widget maps to a JSON Schema type or format and can be swapped independently.\",\n    icon: Package,\n    color: \"indigo\",\n    path: \"form-widgets\",\n    component: lazy(() => import(\"./pages/PlayFormWidgets\")),\n    group: \"Forms\",\n    order: 2,\n  },\n  {\n    id: \"sonnet.schema-designer\",\n    title: \"Schema Designer\",\n    description:\n      \"Visually author a JSON Schema and its UI presentation hints. Field tree, inspector, and live preview; edits emit a valid schema + uiSchema.\",\n    icon: PencilRuler,\n    color: \"teal\",\n    path: \"schema-designer\",\n    component: lazy(() => import(\"./pages/PlaySchemaDesigner\")),\n    group: \"Schemas\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.data-components\",\n    title: \"Data Components\",\n    description:\n      \"Interactive sandbox for SearchInput (simple and faceted mode) and EntityTable. Includes a live table wired to the faceted search.\",\n    icon: Table2,\n    color: \"teal\",\n    path: \"data-components\",\n    component: lazy(() => import(\"./pages/PlayDataComponents\")),\n    group: \"Data\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.graph\",\n    title: \"Graph Visualization\",\n    description:\n      \"Interactive property graph visualization with dual renderer support (Cytoscape, Reagraph). Org hierarchy demo with filtering, selection, and exploration.\",\n    icon: Network,\n    color: \"cyan\",\n    path: \"graph\",\n    component: lazy(() => import(\"./pages/PlayGraph\")),\n    group: \"Graph\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.shell-api\",\n    title: \"Shell API\",\n    description:\n      \"Interactive demo of the shell API: notifications, dialogs, programmatic navigation, slide-over panels, the resizable sidePane, and the Cmd+K command menu.\",\n    icon: SquareTerminal,\n    color: \"orange\",\n    path: \"shell-api\",\n    component: lazy(() => import(\"./pages/PlayShellApi\")),\n    group: \"Shell\",\n    order: 0,\n  },\n  {\n    id: \"sonnet.auth\",\n    title: \"Auth Screens\",\n    description:\n      \"The pre-application login and organization selection screens: identifier-first and legacy flows, provider combinations, error and loading states, and every org-selection outcome.\",\n    icon: ShieldCheck,\n    color: \"teal\",\n    path: \"auth\",\n    component: lazy(() => import(\"./pages/PlayAuth\")),\n    group: \"Shell\",\n    order: 1,\n  },\n];\n","/**\n * Factory that turns a PlaygroundRegistry into a ShellModule.\n *\n * Generates routes (lazy + Suspense), sidebar navigation, and the\n * overview index page -- all derived from the registry entries.\n * The consumer just passes a registry and optional overrides.\n */\nimport React, { Suspense } from \"react\";\nimport { Outlet } from \"react-router-dom\";\nimport { FlaskConical } from \"lucide-react\";\nimport type { ShellModule, NavGroup } from \"@petrarca/sonnet-shell\";\nimport type { PlaygroundRegistry } from \"./PlaygroundRegistry\";\nimport type { PlaygroundModuleOptions } from \"./types\";\nimport { PlaygroundOverview } from \"./PlaygroundOverview\";\nimport { PlaygroundSettingsProvider } from \"./PlaygroundSettings\";\n\nfunction buildNavigation(\n  registry: PlaygroundRegistry,\n  basePath: string,\n): NavGroup[] {\n  const groups = registry.getGrouped();\n  const navGroups: NavGroup[] = [];\n\n  navGroups.push({\n    id: \"playground-overview\",\n    links: [{ label: \"Overview\", path: basePath }],\n  });\n\n  for (const [groupLabel, entries] of groups) {\n    navGroups.push({\n      id: `playground-${groupLabel.toLowerCase().replace(/\\s+/g, \"-\")}`,\n      heading: groupLabel,\n      links: entries.map((e) => ({\n        label: e.title,\n        path: `${basePath}/${e.path}`,\n      })),\n    });\n  }\n\n  return navGroups;\n}\n\n// Wrap a component in Suspense for lazy loading.\nfunction suspended(Component: React.ComponentType): React.ReactElement {\n  return (\n    <Suspense>\n      <Component />\n    </Suspense>\n  );\n}\n\n// Layout route element: a single PlaygroundSettingsProvider wrapping all\n// playground routes via <Outlet>. Mounted once, never torn down on navigation,\n// so settings state is stable across route changes within the playground.\nfunction PlaygroundLayout(): React.ReactElement {\n  return (\n    <PlaygroundSettingsProvider>\n      <Outlet />\n    </PlaygroundSettingsProvider>\n  );\n}\n\nexport function createPlaygroundModule(\n  registry: PlaygroundRegistry,\n  options: PlaygroundModuleOptions = {},\n): ShellModule {\n  const {\n    icon = FlaskConical,\n    label = \"Playground\",\n    basePath = \"/playground\",\n    overviewTitle = \"Developer Playground\",\n    overviewSubtitle = \"Experiment with components, test features, and explore capabilities.\",\n    grouped = true,\n  } = options;\n\n  const routeBase = basePath.replace(/^\\//, \"\");\n\n  // A single layout route wraps all playground routes. The settings provider\n  // lives here -- mounted once, alive for the full playground session.\n  const routes = [\n    {\n      path: routeBase,\n      element: <PlaygroundLayout />,\n      children: [\n        {\n          index: true,\n          element: suspended(() => (\n            <PlaygroundOverview\n              registry={registry}\n              basePath={basePath}\n              title={overviewTitle}\n              subtitle={overviewSubtitle}\n              grouped={grouped}\n            />\n          )),\n        },\n        ...registry.getAll().map((entry) => ({\n          path: entry.path,\n          element: suspended(entry.component),\n        })),\n      ],\n    },\n  ];\n\n  return {\n    id: \"playground\",\n    label,\n    icon,\n    basePath,\n    pinBottom: true,\n    navigation: buildNavigation(registry, basePath),\n    routes,\n  };\n}\n","/**\n * PlaygroundOverview -- tile grid rendered from a PlaygroundRegistry.\n *\n * Displays cards with colored icons. Clicking a card navigates to the\n * playground page. A toggle in the header lets the user switch between\n * grouped (by category) and flat (all tiles) views.\n */\nimport React, { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { LayoutGrid, List } from \"lucide-react\";\nimport { Card, Button, SimpleTooltip } from \"@petrarca/sonnet-ui\";\nimport type { PlaygroundRegistry } from \"./PlaygroundRegistry\";\nimport type { PlaygroundColor, PlaygroundEntry } from \"./types\";\nimport { PlaygroundSettingsPanel } from \"./PlaygroundSettingsPanel\";\n\n// Maps colour name to icon container classes (bg-*-100 text-*-600 pairing).\nconst COLOR_CLASSES: Record<PlaygroundColor, string> = {\n  blue: \"bg-blue-100 text-blue-600\",\n  violet: \"bg-violet-100 text-violet-600\",\n  indigo: \"bg-indigo-100 text-indigo-600\",\n  purple: \"bg-purple-100 text-purple-600\",\n  teal: \"bg-teal-100 text-teal-600\",\n  amber: \"bg-amber-100 text-amber-600\",\n  emerald: \"bg-emerald-100 text-emerald-600\",\n  rose: \"bg-rose-100 text-rose-600\",\n  orange: \"bg-orange-100 text-orange-600\",\n  cyan: \"bg-cyan-100 text-cyan-600\",\n};\n\nconst TILE_GRID = \"grid grid-cols-1 sm:grid-cols-2 2xl:grid-cols-3 gap-6\";\n\ninterface PlaygroundOverviewProps {\n  registry: PlaygroundRegistry;\n  basePath: string;\n  title: string;\n  subtitle: string;\n  /** Initial grouping state. Defaults to true. User can toggle at runtime. */\n  grouped?: boolean;\n}\n\ninterface TileProps {\n  item: PlaygroundEntry;\n  onNavigate: (path: string) => void;\n}\n\n/** A single playground tile card. */\nfunction PlaygroundTile({ item, onNavigate }: TileProps): React.ReactElement {\n  return (\n    <Card\n      className=\"cursor-pointer shadow-sm border rounded-md p-6 transition-transform duration-200 motion-safe:hover:-translate-y-1\"\n      onClick={() => onNavigate(item.path)}\n    >\n      <div className=\"flex items-center mb-4\">\n        <div\n          className={`flex items-center justify-center w-9 h-9 rounded-md ${COLOR_CLASSES[item.color] ?? COLOR_CLASSES.blue}`}\n        >\n          <item.icon size={18} />\n        </div>\n      </div>\n      <h3 className=\"heading-section mb-1\">{item.title}</h3>\n      <p className=\"text-sm text-muted-foreground\">{item.description}</p>\n    </Card>\n  );\n}\n\n/** Developer playground overview -- card grid linking to all registered pages. */\nexport function PlaygroundOverview({\n  registry,\n  basePath,\n  title,\n  subtitle,\n  grouped: initialGrouped = true,\n}: PlaygroundOverviewProps): React.ReactElement {\n  const navigate = useNavigate();\n  const [grouped, setGrouped] = useState(initialGrouped);\n\n  const handleNavigate = (path: string) => navigate(`${basePath}/${path}`);\n\n  return (\n    <div className=\"w-full\">\n      <div className=\"flex items-start justify-between mb-6\">\n        <div>\n          <h1 className=\"mb-1\">{title}</h1>\n          <p className=\"text-sm text-muted-foreground\">{subtitle}</p>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <SimpleTooltip\n            label={grouped ? \"Show flat list\" : \"Group by category\"}\n          >\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={() => setGrouped((v) => !v)}\n            >\n              {grouped ? (\n                <LayoutGrid className=\"h-4 w-4\" />\n              ) : (\n                <List className=\"h-4 w-4\" />\n              )}\n            </Button>\n          </SimpleTooltip>\n          <PlaygroundSettingsPanel />\n        </div>\n      </div>\n\n      {grouped ? (\n        registry.getGrouped().map(([groupLabel, entries]) => (\n          <div key={groupLabel} className=\"mb-8\">\n            <h2 className=\"text-sm font-medium text-muted-foreground uppercase tracking-wider mb-4\">\n              {groupLabel}\n            </h2>\n            <div className={TILE_GRID}>\n              {entries.map((item) => (\n                <PlaygroundTile\n                  key={item.id}\n                  item={item}\n                  onNavigate={handleNavigate}\n                />\n              ))}\n            </div>\n          </div>\n        ))\n      ) : (\n        <div className={TILE_GRID}>\n          {registry.getAll().map((item) => (\n            <PlaygroundTile\n              key={item.id}\n              item={item}\n              onNavigate={handleNavigate}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n","/**\n * PlaygroundSettingsPanel -- gear button that opens a right-side settings sheet.\n *\n * Hosts playground-wide settings (currently locale). Edits flow through\n * usePlaygroundSettings, which drives the SonnetConfigProvider wrapping all\n * playground routes.\n */\n\nimport React, { useState } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport {\n  IconButton,\n  Label,\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetBody,\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n} from \"@petrarca/sonnet-ui\";\nimport { usePlaygroundSettings } from \"./PlaygroundSettings\";\n\n// Locale choices for the playground. \"__inherit__\" uses the app/browser locale.\nconst INHERIT = \"__inherit__\";\nconst LOCALE_OPTIONS = [\n  { code: INHERIT, label: \"Inherit (app / browser)\" },\n  { code: \"en-US\", label: \"English (US) - MM/DD, Sun\" },\n  { code: \"en-GB\", label: \"English (UK) - DD/MM, Mon\" },\n  { code: \"de-DE\", label: \"German - DD.MM, Mon\" },\n  { code: \"fr-FR\", label: \"French - DD/MM, Mon\" },\n  { code: \"sv-SE\", label: \"Swedish - YYYY-MM-DD, Mon\" },\n  { code: \"ja-JP\", label: \"Japanese - YYYY/MM/DD, Sun\" },\n];\n\nexport function PlaygroundSettingsPanel(): React.ReactElement {\n  const [open, setOpen] = useState(false);\n  const { settings, setSettings } = usePlaygroundSettings();\n\n  return (\n    <Sheet open={open} onOpenChange={setOpen}>\n      <IconButton label=\"Playground settings\" onClick={() => setOpen(true)}>\n        <Settings />\n      </IconButton>\n      <SheetContent side=\"right\">\n        <SheetHeader>\n          <SheetTitle>Playground settings</SheetTitle>\n          <SheetDescription>\n            Scoped to the playground. Values exchanged with components stay\n            locale-independent (ISO); only display and input parsing change.\n          </SheetDescription>\n        </SheetHeader>\n        <SheetBody>\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"playground-locale\">Locale</Label>\n            <Select\n              value={settings.locale || INHERIT}\n              onValueChange={(value) =>\n                setSettings({ locale: value === INHERIT ? \"\" : value })\n              }\n            >\n              <SelectTrigger id=\"playground-locale\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {LOCALE_OPTIONS.map((opt) => (\n                  <SelectItem key={opt.code} value={opt.code}>\n                    {opt.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            <p className=\"text-xs text-tertiary-foreground\">\n              Drives locale-sensitive components (e.g. Date Input) across every\n              playground page.\n            </p>\n          </div>\n        </SheetBody>\n      </SheetContent>\n    </Sheet>\n  );\n}\n","/**\n * Playground-scoped settings (locale, ...).\n *\n * A self-contained provider that wraps all playground routes. It owns a small\n * settings object, persists it to a namespaced localStorage key, and renders a\n * SonnetConfigProvider so the settings flow to every playground page.\n *\n * Scope and containment: the provider is nested under any host-app provider and\n * merges onto it, so a playground override shadows the app/browser value only\n * within the playground subtree -- it never mutates the host app's global\n * config. The default is \"inherit\" (empty locale), so out of the box the\n * playground changes nothing.\n */\n\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\nimport { SonnetConfigProvider } from \"@petrarca/sonnet-core/config\";\n\nconst STORAGE_KEY = \"sonnet.playground.settings\";\n\nexport interface PlaygroundSettings {\n  /** BCP-47 locale override, or \"\" to inherit the app/browser locale. */\n  locale: string;\n}\n\ninterface PlaygroundSettingsContextValue {\n  settings: PlaygroundSettings;\n  setSettings: (next: Partial<PlaygroundSettings>) => void;\n}\n\nconst DEFAULT_SETTINGS: PlaygroundSettings = { locale: \"\" };\n\nconst PlaygroundSettingsContext =\n  createContext<PlaygroundSettingsContextValue | null>(null);\n\n// Safe localStorage access (guards against SSR and storage failures).\nconst storage = {\n  get(key: string): string | null {\n    try {\n      return typeof localStorage !== \"undefined\"\n        ? localStorage.getItem(key)\n        : null;\n    } catch {\n      return null;\n    }\n  },\n  set(key: string, value: string): void {\n    try {\n      if (typeof localStorage !== \"undefined\") localStorage.setItem(key, value);\n    } catch {\n      // Ignore quota / private-mode failures.\n    }\n  },\n};\n\nfunction loadSettings(): PlaygroundSettings {\n  const raw = storage.get(STORAGE_KEY);\n  if (!raw) return DEFAULT_SETTINGS;\n  try {\n    return { ...DEFAULT_SETTINGS, ...(JSON.parse(raw) as PlaygroundSettings) };\n  } catch {\n    return DEFAULT_SETTINGS;\n  }\n}\n\nfunction persistSettings(settings: PlaygroundSettings): void {\n  storage.set(STORAGE_KEY, JSON.stringify(settings));\n}\n\nexport interface PlaygroundSettingsProviderProps {\n  children: React.ReactNode;\n}\n\nexport function PlaygroundSettingsProvider({\n  children,\n}: PlaygroundSettingsProviderProps): React.ReactElement {\n  const [settings, setSettingsState] =\n    useState<PlaygroundSettings>(loadSettings);\n\n  const setSettings = useCallback(\n    (next: Partial<PlaygroundSettings>) =>\n      setSettingsState((prev) => {\n        const merged = { ...prev, ...next };\n        persistSettings(merged);\n        return merged;\n      }),\n    [],\n  );\n\n  const contextValue = useMemo(\n    () => ({ settings, setSettings }),\n    [settings, setSettings],\n  );\n\n  // Only override the global locale when explicitly set; \"\" inherits.\n  const config = useMemo(\n    () => ({ globals: { locale: settings.locale || undefined } }),\n    [settings.locale],\n  );\n\n  return (\n    <PlaygroundSettingsContext.Provider value={contextValue}>\n      <SonnetConfigProvider value={config}>{children}</SonnetConfigProvider>\n    </PlaygroundSettingsContext.Provider>\n  );\n}\n\n/** Access playground settings. Returns defaults when no provider is present. */\nexport function usePlaygroundSettings(): PlaygroundSettingsContextValue {\n  return (\n    useContext(PlaygroundSettingsContext) ?? {\n      settings: DEFAULT_SETTINGS,\n      setSettings: () => {},\n    }\n  );\n}\n","/**\n * @petrarca/sonnet-playground\n *\n * Playground framework and built-in component demos for the Petrarca\n * Sonnet component library.\n *\n * Usage:\n *\n *   import {\n *     createPlaygroundRegistry,\n *     createPlaygroundModule,\n *   } from \"@petrarca/sonnet-playground\";\n *\n *   const playground = createPlaygroundRegistry();\n *   // Optionally register additional entries:\n *   playground.register({ id: \"app.custom\", ... });\n *\n *   const playgroundModule = createPlaygroundModule(playground);\n */\n\nimport { PlaygroundRegistry } from \"./PlaygroundRegistry\";\nimport { builtinEntries } from \"./builtinEntries\";\n\n// Framework\nexport { PlaygroundRegistry } from \"./PlaygroundRegistry\";\nexport { createPlaygroundModule } from \"./createPlaygroundModule\";\nexport { PlaygroundOverview } from \"./PlaygroundOverview\";\nexport { PlaygroundSection, ExampleBlock } from \"./PlaygroundSection\";\nexport {\n  PlaygroundSettingsProvider,\n  usePlaygroundSettings,\n  type PlaygroundSettings,\n} from \"./PlaygroundSettings\";\nexport { PlaygroundSettingsPanel } from \"./PlaygroundSettingsPanel\";\n\n// Types\nexport type {\n  PlaygroundEntry,\n  PlaygroundColor,\n  PlaygroundModuleOptions,\n} from \"./types\";\n\n// Built-in entries (for selective use or extending)\nexport { builtinEntries } from \"./builtinEntries\";\n\n/**\n * Convenience factory: creates a new PlaygroundRegistry pre-populated\n * with all built-in sonnet component demos.\n */\nexport function createPlaygroundRegistry(): PlaygroundRegistry {\n  const registry = new PlaygroundRegistry();\n  registry.registerAll(builtinEntries);\n  return registry;\n}\n"],"mappings":"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","names":["useState","useState","jsx","useState","jsx","jsxs","useState","jsx"]}

package/dist/pages/index.d.ts

@@ -89,4 +89,6 @@ declare function PlayGraph(): React.ReactElement;
  */
 declare function PlayShellApi(): react_jsx_runtime.JSX.Element;
 
-export { PlayAdvancedComponents, PlayColorPalette, PlayCoreComponents, PlayDataComponents, PlayFormComponents, PlayFormWidgets, PlayForms, PlayGraph, PlayJsonEditor, PlaySchemaDesigner, PlayShellApi, PlayTypography };
+declare function PlayAuth(): react_jsx_runtime.JSX.Element;
+
+export { PlayAdvancedComponents, PlayAuth, PlayColorPalette, PlayCoreComponents, PlayDataComponents, PlayFormComponents, PlayFormWidgets, PlayForms, PlayGraph, PlayJsonEditor, PlaySchemaDesigner, PlayShellApi, PlayTypography };

package/dist/pages/index.js

@@ -1,21 +1,24 @@
 import {
   PlayForms
-} from "../chunk-ZSUCFEB6.js";
+} from "../chunk-I2FLG6ZD.js";
 import {
   PlayFormWidgets
 } from "../chunk-UB7462QG.js";
 import {
   PlaySchemaDesigner
-} from "../chunk-6VQJFBTM.js";
+} from "../chunk-2XMWOZ5O.js";
 import {
   PlayDataComponents
 } from "../chunk-O2QMWJZI.js";
 import {
   PlayGraph
-} from "../chunk-C2P3UQMZ.js";
+} from "../chunk-E5X7GVLU.js";
 import {
   PlayShellApi
 } from "../chunk-CQ6PGFRV.js";
+import {
+  PlayAuth
+} from "../chunk-RYCRENYO.js";
 import {
   PlayTypography
 } from "../chunk-7IBZEHLI.js";
@@ -37,6 +40,7 @@ import {
 import "../chunk-C2EZ2ECG.js";
 export {
   PlayAdvancedComponents,
+  PlayAuth,
   PlayColorPalette,
   PlayCoreComponents,
   PlayDataComponents,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@petrarca/sonnet-playground",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Playground framework and built-in component demos for the Petrarca Sonnet component library",
   "license": "Apache-2.0",
   "publishConfig": {
@@ -26,12 +26,12 @@
     "lucide-react": "^0.553.0",
     "sonner": "^2.0.7",
     "zod": "^4.3.6",
-    "@petrarca/sonnet-ui": "0.6.0",
-    "@petrarca/sonnet-shell": "0.6.0",
-    "@petrarca/sonnet-forms": "0.6.0",
-    "@petrarca/sonnet-core": "0.6.0",
-    "@petrarca/sonnet-graph": "0.6.0",
-    "@petrarca/sonnet-schema-designer": "0.6.0"
+    "@petrarca/sonnet-core": "0.7.0",
+    "@petrarca/sonnet-ui": "0.7.0",
+    "@petrarca/sonnet-forms": "0.7.0",
+    "@petrarca/sonnet-shell": "0.7.0",
+    "@petrarca/sonnet-graph": "0.7.0",
+    "@petrarca/sonnet-schema-designer": "0.7.0"
   },
   "peerDependencies": {
     "react": ">=19",

package/dist/PlayForms-2G7PROCH.js

@@ -1,7 +0,0 @@
-import {
-  PlayForms
-} from "./chunk-ZSUCFEB6.js";
-export {
-  PlayForms as default
-};
-//# sourceMappingURL=PlayForms-2G7PROCH.js.map

package/dist/PlayGraph-M7UE5MZC.js

@@ -1,7 +0,0 @@
-import {
-  PlayGraph
-} from "./chunk-C2P3UQMZ.js";
-export {
-  PlayGraph as default
-};
-//# sourceMappingURL=PlayGraph-M7UE5MZC.js.map

package/dist/PlaySchemaDesigner-ZM4F7KBU.js

@@ -1,7 +0,0 @@
-import {
-  PlaySchemaDesigner
-} from "./chunk-6VQJFBTM.js";
-export {
-  PlaySchemaDesigner as default
-};
-//# sourceMappingURL=PlaySchemaDesigner-ZM4F7KBU.js.map

package/dist/chunk-6VQJFBTM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/PlaySchemaDesigner.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  SchemaDesigner,\n  type SchemaDesignerCapabilities,\n} from \"@petrarca/sonnet-schema-designer\";\nimport { FormSelect } from \"@petrarca/sonnet-forms\";\nimport type { JsonSchema, UISchema } from \"@petrarca/sonnet-core/schema\";\n\nconst SAMPLE_SCHEMA: JsonSchema = {\n  title: \"Patient\",\n  type: \"object\",\n  properties: {\n    first_name: { type: \"string\", title: \"First name\", minLength: 1 },\n    last_name: { type: \"string\", title: \"Last name\", minLength: 1 },\n    date_of_birth: { type: \"string\", format: \"date\", title: \"Date of birth\" },\n    gender: {\n      type: \"string\",\n      title: \"Gender\",\n      enum: [\"male\", \"female\", \"other\", \"unknown\"],\n    },\n    active: { type: \"boolean\", title: \"Active\" },\n    contact: {\n      type: \"object\",\n      title: \"Contact\",\n      properties: {\n        email: { type: \"string\", format: \"email\", title: \"Email\" },\n        phone: { type: \"string\", title: \"Phone\" },\n      },\n      required: [\"email\"],\n    },\n    addresses: {\n      type: \"array\",\n      title: \"Addresses\",\n      minItems: 1,\n      maxItems: 3,\n      items: {\n        type: \"object\",\n        properties: {\n          street: { type: \"string\", title: \"Street\" },\n          city: { type: \"string\", title: \"City\" },\n          zip: { type: \"string\", title: \"ZIP\" },\n          country: { type: \"string\", title: \"Country\" },\n        },\n        required: [\"street\", \"city\"],\n      },\n    },\n  },\n  required: [\"first_name\", \"last_name\"],\n};\n\n// An audit-event-like schema: a fixed envelope (actor, targets) with three\n// extensible metadata containers. Used to demo scoped editing.\nconst AUDIT_SCHEMA: JsonSchema = {\n  title: \"AuditEvent\",\n  type: \"object\",\n  properties: {\n    actor: {\n      type: \"object\",\n      title: \"Actor\",\n      properties: {\n        type: { type: \"string\", title: \"Type\" },\n        id: { type: \"string\", title: \"ID\" },\n        metadata: {\n          type: \"object\",\n          title: \"Actor metadata\",\n          properties: { role: { type: \"string\", title: \"Role\" } },\n        },\n      },\n    },\n    targets: {\n      type: \"array\",\n      title: \"Targets\",\n      items: {\n        type: \"object\",\n        properties: {\n          type: { type: \"string\", title: \"Type\" },\n          id: { type: \"string\", title: \"ID\" },\n          metadata: {\n            type: \"object\",\n            title: \"Target metadata\",\n            properties: { ward: { type: \"string\", title: \"Ward\" } },\n          },\n        },\n      },\n    },\n    metadata: {\n      type: \"object\",\n      title: \"Metadata\",\n      properties: { reason: { type: \"string\", title: \"Reason\" } },\n    },\n  },\n};\n\n// A schema exercising every logic construct the designer can author: a oneOf\n// discriminated variant (payment method), if/then/else conditionals (authored\n// as allOf members), a const-tagged field, and a nullable anyOf optional field.\n// x-ui-order places each conditional field right after the property it depends\n// on (see docs/design/schema-designer-logic-authoring.md, ordering note).\nconst LOGIC_SCHEMA: JsonSchema = {\n  title: \"Checkout\",\n  type: \"object\",\n  // A reusable definition referenced by $ref (shows read-only expansion).\n  $defs: {\n    Address: {\n      type: \"object\",\n      properties: {\n        street: { type: \"string\", title: \"Street\" },\n        city: { type: \"string\", title: \"City\" },\n        zip: { type: \"string\", title: \"ZIP\" },\n      },\n    },\n  },\n  \"x-ui-order\": [\n    \"schema_version\",\n    \"amount\",\n    \"requires_approval\",\n    \"currency\",\n    \"expedited\",\n    \"delivery_window\",\n    \"gift_wrap\",\n    \"gift_message\",\n    \"shipping_address\",\n    \"note\",\n    \"payment\",\n  ],\n  properties: {\n    // A $ref to the shared Address definition (read-only in the tree).\n    shipping_address: { $ref: \"#/$defs/Address\", title: \"Shipping address\" },\n    // A fixed value carried by every document (const authoring).\n    schema_version: {\n      type: \"string\",\n      title: \"Schema version\",\n      const: \"checkout/v1\",\n    },\n    amount: { type: \"number\", title: \"Amount\", minimum: 0 },\n    currency: {\n      type: \"string\",\n      title: \"Currency\",\n      enum: [\"EUR\", \"USD\", \"GBP\"],\n    },\n    expedited: { type: \"boolean\", title: \"Expedited\" },\n    gift_wrap: { type: \"boolean\", title: \"Gift wrap\" },\n    // Declarative visibility rule (x-ui-rule): declared at its own position,\n    // shown only when gift_wrap is checked. Contrast with the if/then/else\n    // fields above, which are structurally added by their conditionals.\n    gift_message: {\n      type: \"string\",\n      title: \"Gift message\",\n      \"x-ui-rule\": {\n        effect: \"show\",\n        condition: { scope: \"/gift_wrap\", schema: { const: true } },\n      },\n    },\n    // Nullable optional (anyOf [T, null]) -- the renderer unwraps to T.\n    note: {\n      title: \"Note (optional)\",\n      anyOf: [{ type: \"string\" }, { type: \"null\" }],\n    },\n    // A discriminated union (oneOf): the payment method.\n    payment: {\n      type: \"object\",\n      title: \"Payment method\",\n      discriminator: { propertyName: \"kind\" },\n      oneOf: [\n        {\n          title: \"Card\",\n          properties: {\n            kind: { const: \"card\" },\n            card_number: { type: \"string\", title: \"Card number\" },\n            cvc: { type: \"string\", title: \"CVC\" },\n          },\n        },\n        {\n          title: \"Bank transfer\",\n          properties: {\n            kind: { const: \"bank\" },\n            iban: { type: \"string\", title: \"IBAN\" },\n          },\n        },\n        {\n          title: \"Cash\",\n          properties: { kind: { const: \"cash\" } },\n        },\n      ],\n    },\n  },\n  required: [\"amount\", \"currency\"],\n  // Conditionals (if/then/else) authored as allOf members.\n  allOf: [\n    {\n      // Large amounts require an approval reference.\n      if: {\n        properties: { amount: { exclusiveMinimum: 1000 } },\n        required: [\"amount\"],\n      },\n      then: {\n        properties: {\n          requires_approval: {\n            type: \"string\",\n            title: \"Approval reference\",\n          },\n        },\n        required: [\"requires_approval\"],\n      },\n    },\n    {\n      // Expedited orders ask for a delivery window; otherwise none.\n      if: {\n        properties: { expedited: { const: true } },\n        required: [\"expedited\"],\n      },\n      then: {\n        properties: {\n          delivery_window: {\n            type: \"string\",\n            title: \"Delivery window\",\n            enum: [\"morning\", \"afternoon\", \"evening\"],\n          },\n        },\n      },\n    },\n  ],\n};\n\nconst AUDIT_EDITABLE_PATHS = [\n  \"/properties/metadata/properties\",\n  \"/properties/actor/properties/metadata/properties\",\n  \"/properties/targets/items/properties/metadata/properties\",\n];\n\ntype ProfileKey = \"full\" | \"data\" | \"scoped\" | \"structure\" | \"logic\";\n\ninterface Profile {\n  label: string;\n  description: string;\n  schema: JsonSchema;\n  capabilities?: SchemaDesignerCapabilities;\n  readOnly?: boolean;\n}\n\nconst PROFILES: Record<ProfileKey, Profile> = {\n  full: {\n    label: \"Full (schema + uiSchema)\",\n    description: \"Default: author the schema and its form presentation hints.\",\n    schema: SAMPLE_SCHEMA,\n    capabilities: { previews: [\"form\", \"table\", \"json\", \"capabilities\"] },\n  },\n  data: {\n    label: \"Data schema only\",\n    description:\n      \"Pure JSON Schema (audit, terminology): no UI/Combined tabs, JSON preview only.\",\n    schema: SAMPLE_SCHEMA,\n    capabilities: { mode: \"data\", previews: [\"json\", \"capabilities\"] },\n  },\n  scoped: {\n    label: \"Scoped (audit event)\",\n    description:\n      \"Fixed envelope; only the three metadata containers are editable.\",\n    schema: AUDIT_SCHEMA,\n    capabilities: {\n      mode: \"data\",\n      editablePaths: AUDIT_EDITABLE_PATHS,\n      previews: [\"json\", \"capabilities\"],\n    },\n  },\n  structure: {\n    label: \"Structure only (no preview)\",\n    description: \"Tree + inspector only; the center preview pane is hidden.\",\n    schema: SAMPLE_SCHEMA,\n    capabilities: { mode: \"data\", previews: [] },\n  },\n  logic: {\n    label: \"Logic (variants + conditionals)\",\n    description:\n      \"Shows every logic construct: a oneOf variant, if/then/else conditionals, a const field, and a nullable optional.\",\n    schema: LOGIC_SCHEMA,\n    capabilities: { previews: [\"form\", \"table\", \"json\", \"capabilities\"] },\n  },\n};\n\n/**\n * PlaySchemaDesigner -- exercises SchemaDesigner: visually author a JsonSchema\n * (and its uiSchema presentation hints), with a live preview. The profile\n * switcher presets the capability profile (data/full triage, scoped editing,\n * read-only); the in-designer Capabilities tab tweaks it live.\n */\nexport default function PlaySchemaDesigner() {\n  const [profileKey, setProfileKey] = useState<ProfileKey>(\"full\");\n  const profile = PROFILES[profileKey];\n\n  const [schema, setSchema] = useState<JsonSchema>(profile.schema);\n  const [uiSchema, setUiSchema] = useState<Record<string, UISchema>>({});\n\n  const selectProfile = (key: ProfileKey) => {\n    setProfileKey(key);\n    setSchema(PROFILES[key].schema);\n    setUiSchema({});\n  };\n\n  return (\n    <div className=\"w-full flex flex-col gap-3 h-[calc(100vh-8rem)]\">\n      <div>\n        <h1>Schema Designer</h1>\n        <p className=\"text-sm text-muted-foreground mb-3\">\n          Visually author a JSON Schema and its UI presentation hints. Edits\n          flow through onChange as a valid schema + uiSchema.\n        </p>\n      </div>\n\n      <div className=\"flex items-center gap-3\">\n        <label\n          htmlFor=\"capability-profile\"\n          className=\"shrink-0 text-sm font-medium\"\n        >\n          Capability profile\n        </label>\n        <div className=\"w-72\">\n          <FormSelect\n            id=\"capability-profile\"\n            name=\"profile\"\n            value={profileKey}\n            options={(Object.keys(PROFILES) as ProfileKey[]).map((k) => ({\n              value: k,\n              label: PROFILES[k].label,\n            }))}\n            onChange={(v) => selectProfile((v as ProfileKey) ?? \"full\")}\n            clearable={false}\n          />\n        </div>\n        <p className=\"text-sm text-muted-foreground\">{profile.description}</p>\n      </div>\n\n      <div style={{ flex: 1, minHeight: 0 }}>\n        <SchemaDesigner\n          key={profileKey}\n          schema={schema}\n          uiSchema={uiSchema}\n          capabilities={profile.capabilities}\n          readOnly={profile.readOnly}\n          onChange={(nextSchema, nextUiSchema) => {\n            setSchema(nextSchema);\n            setUiSchema(nextUiSchema);\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-C2P3UQMZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/PlayGraph.tsx","../src/pages/graph/inMemoryGraphEditing.ts","../src/pages/graph/relationWidget.tsx"],"sourcesContent":["/**\n * Playground page for @petrarca/sonnet-graph.\n * Accessible at /playground/graph\n *\n * Demonstrates graph visualization with static mock data -- no backend required.\n * Uses the GraphStoresContext provider pattern that consumers like explorer\n * and any consumer app would use to wire their own stores.\n */\n\nimport React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport {\n  GraphVisualizer,\n  ActionPanel,\n  GraphA11yList,\n  GraphRendererProvider,\n  GraphStoresContext,\n  GraphEditToolbar,\n  createGraphDataStore,\n  createGraphFilterStore,\n  createGraphExplorationStore,\n  createSelectionStore,\n  createGraphFocusStore,\n  enrichNodes,\n  enrichEdges,\n  buildColorPalette,\n  GraphModelEditor,\n  type GraphModel,\n  type GraphModelCapabilities,\n  type GraphCapabilities,\n  type RawGraphNode,\n  type RawGraphEdge,\n  type WorkspaceStores,\n} from \"@petrarca/sonnet-graph\";\nimport { DEFAULT_WIDGETS, type WidgetRegistry } from \"@petrarca/sonnet-forms\";\nimport {\n  createInMemoryPort,\n  createModelSchemaProvider,\n  type GraphStore,\n} from \"./graph/inMemoryGraphEditing\";\nimport { createRelationWidget } from \"./graph/relationWidget\";\nimport {\n  Button,\n  Alert,\n  AlertDescription,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  ResizeHandle,\n} from \"@petrarca/sonnet-ui\";\nimport { FormSelect } from \"@petrarca/sonnet-forms\";\nimport { Play, RotateCcw } from \"lucide-react\";\n\n// ---------------------------------------------------------------------------\n//  Technology Stack dataset (fictitious) -- a Product at the centre, broken\n//  into Components, the Technologies they use, and external Dependencies.\n//  Domain inspired by the lauro tech-stack/knowledge graph.\n// ---------------------------------------------------------------------------\n\nconst TECH_NODES: RawGraphNode[] = [\n  {\n    id_: 1,\n    label_: \"Product\",\n    properties_: { key: \"product-a\", name: \"Product A\" },\n  },\n  {\n    id_: 2,\n    label_: \"Product\",\n    properties_: { key: \"product-b\", name: \"Product B\" },\n  },\n  {\n    id_: 3,\n    label_: \"TechnologyStack\",\n    properties_: { key: \"product-a-stack\", name: \"Product A stack\" },\n  },\n  {\n    id_: 4,\n    label_: \"TechnologyStack\",\n    properties_: { key: \"product-b-stack\", name: \"Product B stack\" },\n  },\n  {\n    id_: 5,\n    label_: \"Technology\",\n    properties_: { key: \"react\", name: \"React\" },\n  },\n  {\n    id_: 6,\n    label_: \"Technology\",\n    properties_: { key: \"postgresql\", name: \"PostgreSQL\" },\n  },\n  {\n    id_: 7,\n    label_: \"Technology\",\n    properties_: { key: \"kafka\", name: \"Kafka\" },\n  },\n  {\n    id_: 8,\n    label_: \"Technology\",\n    properties_: { key: \"go\", name: \"Go\" },\n  },\n  {\n    id_: 9,\n    label_: \"TechnologyCategory\",\n    properties_: { key: \"frontend-framework\", name: \"Frontend Framework\" },\n  },\n  {\n    id_: 10,\n    label_: \"TechnologyCategory\",\n    properties_: { key: \"database\", name: \"Database\" },\n  },\n  {\n    id_: 11,\n    label_: \"TechnologyCategory\",\n    properties_: { key: \"messaging\", name: \"Messaging\" },\n  },\n  {\n    id_: 12,\n    label_: \"TechnologyCategory\",\n    properties_: { key: \"language\", name: \"Language\" },\n  },\n];\n\nconst TECH_EDGES: RawGraphEdge[] = [\n  // Two products, each with its own stack; both stacks share PostgreSQL.\n  {\n    id_: 101,\n    label_: \"HAS_TECH_STACK\",\n    start_id_: 1,\n    end_id_: 3,\n    properties_: {},\n  },\n  {\n    id_: 102,\n    label_: \"HAS_TECH_STACK\",\n    start_id_: 2,\n    end_id_: 4,\n    properties_: {},\n  },\n  {\n    id_: 103,\n    label_: \"INTEGRATES_WITH\",\n    start_id_: 1,\n    end_id_: 2,\n    properties_: {},\n  },\n  // Product A stack: React, PostgreSQL, Kafka.\n  {\n    id_: 104,\n    label_: \"USES_TECHNOLOGY\",\n    start_id_: 3,\n    end_id_: 5,\n    properties_: {},\n  },\n  {\n    id_: 105,\n    label_: \"USES_TECHNOLOGY\",\n    start_id_: 3,\n    end_id_: 6,\n    properties_: {},\n  },\n  {\n    id_: 106,\n    label_: \"USES_TECHNOLOGY\",\n    start_id_: 3,\n    end_id_: 7,\n    properties_: {},\n  },\n  // Product B stack: Go + the shared PostgreSQL.\n  {\n    id_: 107,\n    label_: \"USES_TECHNOLOGY\",\n    start_id_: 4,\n    end_id_: 6,\n    properties_: {},\n  },\n  {\n    id_: 108,\n    label_: \"USES_TECHNOLOGY\",\n    start_id_: 4,\n    end_id_: 8,\n    properties_: {},\n  },\n  // Technology -> category.\n  { id_: 109, label_: \"BELONGS_TO\", start_id_: 5, end_id_: 9, properties_: {} },\n  {\n    id_: 110,\n    label_: \"BELONGS_TO\",\n    start_id_: 6,\n    end_id_: 10,\n    properties_: {},\n  },\n  {\n    id_: 111,\n    label_: \"BELONGS_TO\",\n    start_id_: 7,\n    end_id_: 11,\n    properties_: {},\n  },\n  {\n    id_: 112,\n    label_: \"BELONGS_TO\",\n    start_id_: 8,\n    end_id_: 12,\n    properties_: {},\n  },\n];\n\n// ---------------------------------------------------------------------------\n//  Store setup\n//\n//  Stores are created once at module load, not inside the component.\n//  This avoids re-creation on re-render and removes the need for useMemo.\n// ---------------------------------------------------------------------------\n\nfunction createPlaygroundStores(): WorkspaceStores {\n  const graphFilter = createGraphFilterStore();\n  const graphData = createGraphDataStore();\n  const selection = createSelectionStore();\n  const graphFocus = createGraphFocusStore();\n  const graphExploration = createGraphExplorationStore({\n    graphData,\n    selection,\n    graphFocus,\n    graphFilter,\n    // Static data -- no server expansion available in the playground\n    expandNode: async () => ({ nodes: [], edges: [], has_more: false }),\n    getNodes: async () => [],\n  });\n  return { graphFilter, graphData, graphExploration, selection };\n}\n\nconst PLAYGROUND_STORES = createPlaygroundStores();\n\n// ---------------------------------------------------------------------------\n//  Data helpers\n// ---------------------------------------------------------------------------\n\ninterface GraphInput {\n  nodes: RawGraphNode[];\n  edges: RawGraphEdge[];\n}\n\nconst EMPTY_DATA: GraphInput = { nodes: [], edges: [] };\n\nfunction serializeGraphData(data: GraphInput): string {\n  return JSON.stringify(data, null, 2);\n}\n\nfunction validateNode(n: unknown, i: number): string | null {\n  if (!n || typeof n !== \"object\") return `nodes[${i}] must be an object`;\n  const node = n as Record<string, unknown>;\n  if (node.id_ === undefined) return `nodes[${i}] is missing id_`;\n  if (typeof node.label_ !== \"string\") return `nodes[${i}] is missing label_`;\n  return null;\n}\n\nfunction validateEdge(e: unknown, i: number): string | null {\n  if (!e || typeof e !== \"object\") return `edges[${i}] must be an object`;\n  const edge = e as Record<string, unknown>;\n  if (edge.id_ === undefined) return `edges[${i}] is missing id_`;\n  if (typeof edge.label_ !== \"string\") return `edges[${i}] is missing label_`;\n  if (edge.start_id_ === undefined) return `edges[${i}] is missing start_id_`;\n  if (edge.end_id_ === undefined) return `edges[${i}] is missing end_id_`;\n  return null;\n}\n\n/** Validates that parsed JSON is a usable GraphInput. Returns an error string or null. */\nfunction validateGraphInput(value: unknown): string | null {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) {\n    return \"JSON must be an object with nodes and edges arrays\";\n  }\n  const obj = value as Record<string, unknown>;\n  if (!Array.isArray(obj.nodes)) return '\"nodes\" must be an array';\n  if (!Array.isArray(obj.edges)) return '\"edges\" must be an array';\n  for (const [i, n] of (obj.nodes as unknown[]).entries()) {\n    const err = validateNode(n, i);\n    if (err) return err;\n  }\n  for (const [i, e] of (obj.edges as unknown[]).entries()) {\n    const err = validateEdge(e, i);\n    if (err) return err;\n  }\n  return null;\n}\n\nfunction loadIntoStore(stores: WorkspaceStores, data: GraphInput) {\n  const labelCounts: Record<string, number> = {};\n  for (const n of data.nodes) {\n    labelCounts[n.label_] = (labelCounts[n.label_] ?? 0) + 1;\n  }\n  const palette = buildColorPalette(labelCounts);\n  const nodes = enrichNodes(data.nodes, palette);\n  const edges = enrichEdges(data.edges, palette);\n  stores.graphFilter.getState().resetFilters();\n  stores.graphData.getState().setQueryData(nodes, edges, {\n    nodes: nodes.length,\n    edges: edges.length,\n  });\n  // Signal renderers to re-fit layout after data change\n  stores.graphFilter.getState().notifyDataChange();\n}\n\n// The mutable in-memory dataset the instance-editing port operates on. It is\n// the single source of truth shared by the Data JSON tab and the live editor;\n// after each edit it is re-enriched into the graph data store (the consumer's\n// cache-patch analog). Initialised to the default dataset's data below.\nconst LIVE_STORE: GraphStore = { nodes: [], edges: [] };\n\n// Replace LIVE_STORE's contents and load them into the visual store.\nfunction setLiveData(stores: WorkspaceStores, data: GraphInput): void {\n  LIVE_STORE.nodes = data.nodes.map((n) => ({ ...n }));\n  LIVE_STORE.edges = data.edges.map((e) => ({ ...e }));\n  loadIntoStore(stores, LIVE_STORE);\n}\n\n// Load the default dataset's data immediately -- no effect needed, no empty\n// render cycle. (The dataset bundle is defined below; its data lives here.)\nsetLiveData(PLAYGROUND_STORES, { nodes: TECH_NODES, edges: TECH_EDGES });\n\n// ---------------------------------------------------------------------------\n//  Model tab -- GraphModelEditor over the metamodel of the Graph/Data tabs\n// ---------------------------------------------------------------------------\n\n// A faithful subset of the apex-graph tech-stack domain model: Product at the\n// centre, with TechnologyStack, Technology and TechnologyCategory node types\n// and the real relation types between them (HAS_TECH_STACK, INTEGRATES_WITH,\n// USES_TECHNOLOGY, BELONGS_TO). PROVIDES_STACK_FOR is a second, fictitious\n// Product -> TechnologyStack relation so a single node-type pair has two\n// distinct relation types (exercises the edge editor's multi-relation create).\n// The Model tab is the schema; the Graph / Data tabs are instances conforming\n// to it.\nconst TECH_MODEL: GraphModel = [\n  {\n    title: \"Product\",\n    type: \"object\",\n    properties: { key: { type: \"string\" }, name: { type: \"string\" } },\n    required: [\"key\", \"name\"],\n    \"x-graph\": {\n      type: \"NODE\",\n      label: \"Product\",\n      relations: [\n        {\n          rel_type_name: \"HAS_TECH_STACK\",\n          to_type_name: \"TechnologyStack\",\n          cardinality: \"ONE_TO_ONE\",\n          form_field: true,\n        },\n        {\n          // Fictitious second Product -> TechnologyStack relation: a product\n          // may also provision a stack it does not own (one-to-many).\n          rel_type_name: \"PROVIDES_STACK_FOR\",\n          to_type_name: \"TechnologyStack\",\n          cardinality: \"ONE_TO_MANY\",\n          form_field: true,\n        },\n        {\n          rel_type_name: \"INTEGRATES_WITH\",\n          to_type_name: \"Product\",\n          cardinality: \"ONE_TO_MANY\",\n          form_field: true,\n        },\n      ],\n    },\n  },\n  {\n    title: \"TechnologyStack\",\n    type: \"object\",\n    properties: { key: { type: \"string\" }, name: { type: \"string\" } },\n    \"x-graph\": {\n      type: \"NODE\",\n      label: \"TechnologyStack\",\n      relations: [\n        {\n          rel_type_name: \"USES_TECHNOLOGY\",\n          to_type_name: \"Technology\",\n          cardinality: \"ONE_TO_MANY\",\n          form_field: true,\n        },\n      ],\n    },\n  },\n  {\n    title: \"Technology\",\n    type: \"object\",\n    properties: { key: { type: \"string\" }, name: { type: \"string\" } },\n    required: [\"key\", \"name\"],\n    \"x-graph\": {\n      type: \"NODE\",\n      label: \"Technology\",\n      relations: [\n        {\n          rel_type_name: \"BELONGS_TO\",\n          to_type_name: \"TechnologyCategory\",\n          cardinality: \"ONE_TO_ONE\",\n          form_field: true,\n        },\n      ],\n    },\n  },\n  {\n    title: \"TechnologyCategory\",\n    type: \"object\",\n    properties: { key: { type: \"string\" }, name: { type: \"string\" } },\n    required: [\"key\", \"name\"],\n    \"x-graph\": { type: \"NODE\", label: \"TechnologyCategory\" },\n  },\n];\n\n// The Organization metamodel -- a subset of the Sestina organization model\n// (see sestina web/docs/design/organization-graph.md). Node-type labels are\n// the organization types (Network, Hospital, Department, Practice). Relations\n// are directional triples: `partOf` is containment (child -> parent, FHIR\n// Organization.partOf); `affiliation` is a non-hierarchical link (FHIR\n// OrganizationAffiliation). Directionality encodes the rules (a Department is\n// partOf a Hospital, not the reverse). Paired with a locked-down profile (see\n// the dataset below): edgeTypes \"catalog\" (a fixed relation-type vocabulary,\n// no new edge types) and no property editing.\nconst ORG_MODEL: GraphModel = [\n  {\n    title: \"Network\",\n    type: \"object\",\n    \"x-graph\": { type: \"NODE\", label: \"Network\" },\n  },\n  {\n    title: \"Hospital\",\n    type: \"object\",\n    \"x-graph\": {\n      type: \"NODE\",\n      label: \"Hospital\",\n      relations: [\n        {\n          rel_type_name: \"partOf\",\n          to_type_name: \"Network\",\n          cardinality: \"ONE_TO_ONE\",\n        },\n      ],\n    },\n  },\n  {\n    title: \"Department\",\n    type: \"object\",\n    \"x-graph\": {\n      type: \"NODE\",\n      label: \"Department\",\n      relations: [\n        {\n          rel_type_name: \"partOf\",\n          to_type_name: \"Hospital\",\n          cardinality: \"ONE_TO_ONE\",\n        },\n      ],\n    },\n  },\n  {\n    title: \"Practice\",\n    type: \"object\",\n    \"x-graph\": {\n      type: \"NODE\",\n      label: \"Practice\",\n      relations: [\n        {\n          rel_type_name: \"partOf\",\n          to_type_name: \"Network\",\n          cardinality: \"ONE_TO_ONE\",\n        },\n        {\n          rel_type_name: \"affiliation\",\n          to_type_name: \"Hospital\",\n          cardinality: \"ONE_TO_MANY\",\n        },\n      ],\n    },\n  },\n  // Pre-defined relation-type catalog. With edgeTypes \"catalog\", relations may\n  // only use these types; no new edge types can be created.\n  {\n    title: \"partOf\",\n    type: \"object\",\n    \"x-graph\": { type: \"EDGE\", label: \"partOf\" },\n  },\n  {\n    title: \"affiliation\",\n    type: \"object\",\n    \"x-graph\": { type: \"EDGE\", label: \"affiliation\" },\n  },\n];\n\nconst ORG_NODES: RawGraphNode[] = [\n  {\n    id_: 1,\n    label_: \"Network\",\n    properties_: { name: \"Northwind Care Network\" },\n  },\n  { id_: 2, label_: \"Hospital\", properties_: { name: \"Riverside General\" } },\n  { id_: 3, label_: \"Hospital\", properties_: { name: \"Lakeside Clinic\" } },\n  { id_: 4, label_: \"Department\", properties_: { name: \"Cardiology\" } },\n  { id_: 5, label_: \"Department\", properties_: { name: \"Radiology\" } },\n  { id_: 6, label_: \"Practice\", properties_: { name: \"Maple Street GP\" } },\n];\n\nconst ORG_EDGES: RawGraphEdge[] = [\n  // partOf: child -> parent (containment).\n  { id_: 201, label_: \"partOf\", start_id_: 2, end_id_: 1, properties_: {} },\n  { id_: 202, label_: \"partOf\", start_id_: 3, end_id_: 1, properties_: {} },\n  { id_: 203, label_: \"partOf\", start_id_: 4, end_id_: 2, properties_: {} },\n  { id_: 204, label_: \"partOf\", start_id_: 5, end_id_: 2, properties_: {} },\n  // affiliation: a practice affiliated with a hospital (non-hierarchical).\n  {\n    id_: 205,\n    label_: \"affiliation\",\n    start_id_: 6,\n    end_id_: 2,\n    properties_: {},\n  },\n];\n\n// ---------------------------------------------------------------------------\n//  Datasets -- each bundles { graph data + model + capability profile }. The\n//  selector above the tabs swaps all three at once.\n// ---------------------------------------------------------------------------\n\n// The Model Editor's { readOnly, capabilities } config, edited as JSON on the\n// Capabilities tab and applied to the GraphModelEditor.\ninterface CapabilitiesConfig {\n  readOnly: boolean;\n  capabilities: GraphModelCapabilities;\n}\n\ninterface GraphDataset {\n  label: string;\n  data: GraphInput;\n  model: GraphModel;\n  capabilities: CapabilitiesConfig;\n  /** Instance-editing capabilities for the live data graph (the Graph tab). */\n  editCapabilities: GraphCapabilities;\n}\n\nconst DATASETS: Record<string, GraphDataset> = {\n  empty: {\n    label: \"Empty\",\n    data: EMPTY_DATA,\n    model: [],\n    capabilities: { readOnly: false, capabilities: {} },\n    // No model to drive forms, so editing stays off.\n    editCapabilities: {},\n  },\n  techStack: {\n    label: \"Technology Stack\",\n    data: { nodes: TECH_NODES, edges: TECH_EDGES },\n    model: TECH_MODEL,\n    capabilities: { readOnly: false, capabilities: {} },\n    // Full instance editing: create / edit / delete nodes and edges.\n    editCapabilities: {\n      createNode: \"edit\",\n      updateNode: \"edit\",\n      deleteNode: \"edit\",\n      createEdge: \"edit\",\n      updateEdge: \"edit\",\n      deleteEdge: \"edit\",\n    },\n  },\n  organization: {\n    label: \"Organization model\",\n    data: { nodes: ORG_NODES, edges: ORG_EDGES },\n    model: ORG_MODEL,\n    // Simulates the planned Sestina org editor: fixed edge-type catalog (no new\n    // edge types) and no property editing (node/edge properties hidden).\n    capabilities: {\n      readOnly: false,\n      capabilities: {\n        edgeTypes: \"catalog\",\n        nodeProperties: \"hidden\",\n        edgeProperties: \"hidden\",\n      },\n    },\n    // A constrained instance-editing profile: edges may be linked / unlinked\n    // (partOf / affiliation), but nodes are not created or deleted here.\n    editCapabilities: {\n      updateNode: \"edit\",\n      createEdge: \"edit\",\n      deleteEdge: \"edit\",\n    },\n  },\n};\n\nconst DATASET_OPTIONS = Object.entries(DATASETS).map(([value, d]) => ({\n  value,\n  label: d.label,\n}));\n\nconst DEFAULT_DATASET = \"techStack\";\n\ninterface ModelState {\n  model: GraphModel;\n  modelText: string;\n  modelError: string | null;\n  setModelText: (v: string) => void;\n  applyModel: () => void;\n  /** Replace the model wholesale (used by the dataset selector). */\n  loadModel: (model: GraphModel) => void;\n  /** Apply an edited model (from the graph editor) and re-sync the JSON text. */\n  updateModel: (model: GraphModel) => void;\n}\n\n// Shared model state for the Model and Model JSON tabs.\nfunction useModelState(initialModel: GraphModel): ModelState {\n  const [modelText, setModelText] = useState(() =>\n    JSON.stringify(initialModel, null, 2),\n  );\n  const [model, setModel] = useState<GraphModel>(initialModel);\n  const [modelError, setModelError] = useState<string | null>(null);\n\n  const applyModel = useCallback(() => {\n    let parsed: unknown;\n    try {\n      parsed = JSON.parse(modelText);\n    } catch (e) {\n      setModelError(e instanceof Error ? e.message : \"Invalid JSON\");\n      return;\n    }\n    if (!Array.isArray(parsed)) {\n      setModelError(\"A graph model must be a JSON array of type schemas.\");\n      return;\n    }\n    setModelError(null);\n    setModel(parsed as GraphModel);\n  }, [modelText]);\n\n  const loadModel = useCallback((next: GraphModel) => {\n    setModelText(JSON.stringify(next, null, 2));\n    setModel(next);\n    setModelError(null);\n  }, []);\n\n  const updateModel = useCallback((next: GraphModel) => {\n    setModel(next);\n    setModelText(JSON.stringify(next, null, 2));\n    setModelError(null);\n  }, []);\n\n  return {\n    model,\n    modelText,\n    modelError,\n    setModelText,\n    applyModel,\n    loadModel,\n    updateModel,\n  };\n}\n\n// Full-canvas model editor (editable; changes flow back to the shared state).\nfunction ModelGraphTab({\n  model,\n  onChange,\n  readOnly,\n  capabilities,\n}: {\n  model: GraphModel;\n  onChange: (model: GraphModel) => void;\n  readOnly: boolean;\n  capabilities: GraphModelCapabilities;\n}): React.ReactElement {\n  return (\n    <div className=\"h-[640px] rounded-lg border overflow-hidden\">\n      <GraphModelEditor\n        value={model}\n        onChange={onChange}\n        readOnly={readOnly}\n        capabilities={capabilities}\n        widgetOptions={[\"entity-select\", \"coded-value\", \"textarea\"]}\n      />\n    </div>\n  );\n}\n\nfunction CapabilitiesTab({\n  config,\n  onApply,\n}: {\n  config: CapabilitiesConfig;\n  onApply: (config: CapabilitiesConfig) => void;\n}): React.ReactElement {\n  const [text, setText] = useState(() => JSON.stringify(config, null, 2));\n  const [error, setError] = useState<string | null>(null);\n\n  const apply = useCallback(() => {\n    let parsed: unknown;\n    try {\n      parsed = JSON.parse(text);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : \"Invalid JSON\");\n      return;\n    }\n    setError(null);\n    const obj = parsed as Partial<CapabilitiesConfig>;\n    onApply({\n      readOnly: Boolean(obj.readOnly),\n      capabilities: (obj.capabilities ?? {}) as GraphModelCapabilities,\n    });\n  }, [text, onApply]);\n\n  const reset = useCallback(() => {\n    const fresh: CapabilitiesConfig = { readOnly: false, capabilities: {} };\n    setText(JSON.stringify(fresh, null, 2));\n    setError(null);\n    onApply(fresh);\n  }, [onApply]);\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center gap-2\">\n        <Button size=\"sm\" onClick={apply}>\n          <Play className=\"h-4 w-4 mr-1\" />\n          Apply\n        </Button>\n        <Button size=\"sm\" variant=\"outline\" onClick={reset}>\n          <RotateCcw className=\"h-4 w-4 mr-1\" />\n          Reset\n        </Button>\n        <span className=\"text-xs text-muted-foreground ml-2\">\n          Edit, Apply, then open the Model Editor tab and select a node.\n        </span>\n      </div>\n      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n      <textarea\n        value={text}\n        onChange={(e) => setText(e.target.value)}\n        spellCheck={false}\n        className=\"w-full h-[280px] font-mono text-xs p-3 border rounded-lg bg-muted/30 resize-y focus:outline-none focus:ring-2 focus:ring-ring\"\n      />\n      <div>\n        <p className=\"text-xs font-medium text-muted-foreground mb-1\">\n          Effective config (applied to GraphModelEditor)\n        </p>\n        <pre className=\"rounded-md bg-muted px-3 py-2 text-xs overflow-auto max-h-40\">\n          {JSON.stringify(config, null, 2)}\n        </pre>\n        <p className=\"mt-2 text-xs text-muted-foreground\">\n          readOnly = lock everything. capabilities: nodeTypes / relations (edit\n          | readonly), edgeTypes (edit = select or create | catalog = select\n          only | readonly), nodeProperties / edgeProperties (edit | readonly |\n          hidden), showEdgeTypes (bool, default false starts edge-type nodes\n          deselected; true shows them). More fields are added as the editor\n          grows.\n        </p>\n      </div>\n    </div>\n  );\n}\n\n// Editable model JSON, applied to the shared model state.\nfunction ModelJsonTab({\n  state,\n  onReset,\n}: {\n  state: ModelState;\n  onReset: () => void;\n}): React.ReactElement {\n  const { modelText, modelError, setModelText, applyModel } = state;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center gap-2\">\n        <Button size=\"sm\" onClick={applyModel}>\n          <Play className=\"h-4 w-4 mr-1\" />\n          Apply\n        </Button>\n        <Button size=\"sm\" variant=\"outline\" onClick={onReset}>\n          <RotateCcw className=\"h-4 w-4 mr-1\" />\n          Reset\n        </Button>\n        <span className=\"text-xs text-muted-foreground ml-2\">\n          Edit the model, Apply, then switch to the Model tab\n        </span>\n      </div>\n      {modelError && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{modelError}</AlertDescription>\n        </Alert>\n      )}\n      <textarea\n        value={modelText}\n        onChange={(e) => setModelText(e.target.value)}\n        spellCheck={false}\n        className=\"w-full h-[600px] font-mono text-xs p-3 border rounded-lg bg-muted/30 resize-y focus:outline-none focus:ring-2 focus:ring-ring\"\n      />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n//  Component\n// ---------------------------------------------------------------------------\n\nexport default function PlayGraph(): React.ReactElement {\n  const [datasetKey, setDatasetKey] = useState(DEFAULT_DATASET);\n  const [jsonText, setJsonText] = useState(() =>\n    serializeGraphData(DATASETS[DEFAULT_DATASET].data),\n  );\n  const [parseError, setParseError] = useState<string | null>(null);\n  const modelState = useModelState(DATASETS[DEFAULT_DATASET].model);\n  const { loadModel } = modelState;\n  const [capsConfig, setCapsConfig] = useState<CapabilitiesConfig>(\n    DATASETS[DEFAULT_DATASET].capabilities,\n  );\n\n  // Instance-editing seams over the in-memory store + the current model. The\n  // port re-loads LIVE_STORE into the visual store after every mutation; the\n  // schema provider resolves forms from the (live-edited) model. Recreated when\n  // the model changes so edits use the latest schema.\n  const editPort = useMemo(\n    () =>\n      createInMemoryPort(LIVE_STORE, () =>\n        loadIntoStore(PLAYGROUND_STORES, LIVE_STORE),\n      ),\n    [],\n  );\n  const editSchemaProvider = useMemo(\n    () => createModelSchemaProvider(modelState.model),\n    [modelState.model],\n  );\n  // Keep the Data JSON tab in sync after a live edit.\n  const handleMutated = useCallback(() => {\n    setJsonText(serializeGraphData(LIVE_STORE));\n  }, []);\n\n  // App-supplied form widgets: the relation widget resolves __rel_* options\n  // from the in-memory store, registered under \"entity-select\" (the library's\n  // default relation widget hint). This is the playground analog of the\n  // explorer's cypher-select.\n  const editWidgets = useMemo<WidgetRegistry>(\n    () => ({\n      ...DEFAULT_WIDGETS,\n      \"entity-select\": createRelationWidget(LIVE_STORE),\n    }),\n    [],\n  );\n\n  // Swap the whole dataset: graph data + model + capability profile.\n  const loadDataset = useCallback(\n    (key: string) => {\n      const ds = DATASETS[key];\n      if (!ds) return;\n      setDatasetKey(key);\n      setJsonText(serializeGraphData(ds.data));\n      setParseError(null);\n      setLiveData(PLAYGROUND_STORES, ds.data);\n      loadModel(ds.model);\n      setCapsConfig(ds.capabilities);\n    },\n    [loadModel],\n  );\n\n  // Resizable side panel (demonstrates ResizeHandle).\n  const [panelWidth, setPanelWidth] = useState(300);\n  const rowRef = useRef<HTMLDivElement>(null);\n  const startResize = useCallback((e: React.PointerEvent) => {\n    e.preventDefault();\n    const target = e.currentTarget as HTMLElement;\n    target.setPointerCapture(e.pointerId);\n    const move = (ev: PointerEvent) => {\n      const right = rowRef.current?.getBoundingClientRect().right ?? 0;\n      setPanelWidth(Math.min(560, Math.max(200, right - ev.clientX)));\n    };\n    const up = () => {\n      window.removeEventListener(\"pointermove\", move);\n      window.removeEventListener(\"pointerup\", up);\n    };\n    window.addEventListener(\"pointermove\", move);\n    window.addEventListener(\"pointerup\", up);\n  }, []);\n\n  const handleApply = useCallback(() => {\n    let parsed: unknown;\n    try {\n      parsed = JSON.parse(jsonText);\n    } catch (e) {\n      setParseError(e instanceof Error ? e.message : \"Invalid JSON\");\n      return;\n    }\n    const validationError = validateGraphInput(parsed);\n    if (validationError) {\n      setParseError(validationError);\n      return;\n    }\n    setParseError(null);\n    setLiveData(PLAYGROUND_STORES, parsed as GraphInput);\n  }, [jsonText]);\n\n  const handleReset = useCallback(() => {\n    const data = DATASETS[datasetKey].data;\n    setJsonText(serializeGraphData(data));\n    setParseError(null);\n    setLiveData(PLAYGROUND_STORES, data);\n  }, [datasetKey]);\n\n  // Reset the model JSON tab to the current dataset's model.\n  const handleResetModel = useCallback(() => {\n    loadModel(DATASETS[datasetKey].model);\n  }, [datasetKey, loadModel]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n        e.preventDefault();\n        handleApply();\n      }\n    },\n    [handleApply],\n  );\n\n  return (\n    <div className=\"space-y-6\">\n      <div>\n        <h1>Graph Visualization</h1>\n        <p className=\"text-sm text-muted-foreground mt-1\">\n          Interactive property graph with dual renderer support. Edit the JSON\n          data and apply to re-render. The Model tab renders a graph model\n          (metamodel) with GraphModelEditor.\n        </p>\n      </div>\n      <div className=\"flex items-center gap-3\">\n        <FormSelect\n          label=\"Dataset\"\n          options={DATASET_OPTIONS}\n          value={datasetKey}\n          onChange={(v) => v && loadDataset(v)}\n          clearable={false}\n          wrapperClassName=\"w-64\"\n        />\n        <span className=\"text-xs text-muted-foreground mt-5\">\n          A dataset bundles graph data + model + capability profile.\n        </span>\n      </div>\n      <GraphStoresContext.Provider value={PLAYGROUND_STORES}>\n        <Tabs defaultValue=\"graph\" className=\"space-y-3\">\n          <TabsList>\n            <TabsTrigger value=\"graph\">Graph</TabsTrigger>\n            <TabsTrigger value=\"data\">Data JSON</TabsTrigger>\n            <TabsTrigger value=\"model\">Model Editor</TabsTrigger>\n            <TabsTrigger value=\"model-json\">Model JSON</TabsTrigger>\n            <TabsTrigger value=\"model-capabilities\">\n              Model Editor Capabilities\n            </TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"graph\" className=\"mt-0\">\n            <GraphRendererProvider defaultRenderer=\"cytoscape\">\n              <div ref={rowRef} className=\"flex overflow-hidden h-[600px]\">\n                <div className=\"flex-1 min-w-0\">\n                  <GraphVisualizer />\n                </div>\n                {/* Drag to resize the side panel (ResizeHandle demo). */}\n                <ResizeHandle\n                  orientation=\"vertical\"\n                  aria-valuenow={panelWidth}\n                  aria-valuemin={200}\n                  aria-valuemax={560}\n                  onPointerDown={startResize}\n                  onDoubleClick={() => setPanelWidth(300)}\n                />\n                <div\n                  style={{ width: panelWidth }}\n                  className=\"flex-shrink-0 flex flex-col min-h-0\"\n                >\n                  <div className=\"flex-1 min-h-0 overflow-hidden\">\n                    <ActionPanel\n                      actions={\n                        <GraphEditToolbar\n                          port={editPort}\n                          schemaProvider={editSchemaProvider}\n                          capabilities={DATASETS[datasetKey].editCapabilities}\n                          widgets={editWidgets}\n                          onMutated={handleMutated}\n                        />\n                      }\n                    />\n                  </div>\n                  {/* Accessible DOM mirror (playground demo only): keyboard / AT /\n                      automation can select the same nodes/edges as the canvas.\n                      Real consumers render it sr-only (omit `visible`). */}\n                  <div className=\"shrink-0 px-4 pb-4 pt-2\">\n                    <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2\">\n                      Accessible list (demo)\n                    </p>\n                    <GraphA11yList visible maxHeight={160} />\n                  </div>\n                </div>\n              </div>\n            </GraphRendererProvider>\n          </TabsContent>\n\n          <TabsContent value=\"data\" className=\"mt-0\">\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center gap-2\">\n                <Button size=\"sm\" onClick={handleApply}>\n                  <Play className=\"h-4 w-4 mr-1\" />\n                  Apply\n                </Button>\n                <Button size=\"sm\" variant=\"outline\" onClick={handleReset}>\n                  <RotateCcw className=\"h-4 w-4 mr-1\" />\n                  Reset\n                </Button>\n                <span className=\"text-xs text-muted-foreground ml-2\">\n                  Cmd+Enter to apply\n                </span>\n              </div>\n              {parseError && (\n                <Alert variant=\"destructive\">\n                  <AlertDescription>{parseError}</AlertDescription>\n                </Alert>\n              )}\n              <textarea\n                value={jsonText}\n                onChange={(e) => setJsonText(e.target.value)}\n                onKeyDown={handleKeyDown}\n                spellCheck={false}\n                className=\"w-full h-[600px] font-mono text-xs p-3 border rounded-lg bg-muted/30 resize-y focus:outline-none focus:ring-2 focus:ring-ring\"\n              />\n            </div>\n          </TabsContent>\n\n          <TabsContent value=\"model\" className=\"mt-0\">\n            <ModelGraphTab\n              model={modelState.model}\n              onChange={modelState.updateModel}\n              readOnly={capsConfig.readOnly}\n              capabilities={capsConfig.capabilities}\n            />\n          </TabsContent>\n\n          <TabsContent value=\"model-json\" className=\"mt-0\">\n            <ModelJsonTab state={modelState} onReset={handleResetModel} />\n          </TabsContent>\n\n          <TabsContent value=\"model-capabilities\" className=\"mt-0\">\n            <CapabilitiesTab config={capsConfig} onApply={setCapsConfig} />\n          </TabsContent>\n        </Tabs>\n      </GraphStoresContext.Provider>\n    </div>\n  );\n}\n","/**\n * In-memory graph-editing adapters for the playground.\n *\n * Implements the sonnet-graph instance-editing seams against a mutable\n * in-memory dataset and the selected dataset's model, with NO backend:\n *\n *  - `createInMemoryPort`   -> a `GraphMutationPort` that mutates the dataset\n *    and re-loads the store so the canvas reflects the change.\n *  - `createModelSchemaProvider` -> a `GraphSchemaProvider` that resolves\n *    node/edge schemas and relations synchronously from the in-memory model.\n *\n * This is the playground's acceptance demo (tier 1 of the override model): the\n * shared library editor driven end-to-end with zero app-specific UI. A real\n * consumer (e.g. the explorer) implements the same seams over its REST API.\n */\n\nimport type {\n  GraphMutationPort,\n  GraphSchemaProvider,\n  RelationDef,\n  RawGraphNode,\n  RawGraphEdge,\n  GraphModel,\n  CreateNodeInput,\n  UpdateNodeInput,\n  CreateEdgeInput,\n  UpdateEdgeInput,\n  CreateNodeWithRelationsInput,\n  UpdateNodeWithRelationsInput,\n  RelationMap,\n} from \"@petrarca/sonnet-graph\";\nimport type { JsonSchema } from \"@petrarca/sonnet-core/schema\";\n\n/** The mutable dataset the in-memory port operates on. */\nexport interface GraphStore {\n  nodes: RawGraphNode[];\n  edges: RawGraphEdge[];\n}\n\n/** Allocates monotonically increasing ids, seeded above the existing maximum.\n * Uses reduce instead of spread-into-Math.max to avoid stack overflow on large\n * stores. */\nfunction createIdAllocator(store: GraphStore): () => number {\n  const allIds = [\n    ...store.nodes.map((n) => n.id_ ?? 0),\n    ...store.edges.map((e) => e.id_ ?? 0),\n  ];\n  const max = allIds.reduce((m, id) => (id > m ? id : m), 0);\n  let next = max + 1;\n  return () => next++;\n}\n\n/** Edges touching a node, as the inbound / outbound subsets. */\nfunction edgesForNode(\n  store: GraphStore,\n  id: number,\n): { inbound: RawGraphEdge[]; outbound: RawGraphEdge[] } {\n  return {\n    inbound: store.edges.filter((e) => e.end_id_ === id),\n    outbound: store.edges.filter((e) => e.start_id_ === id),\n  };\n}\n\n/**\n * Apply a relation map to a node by diffing against its current edges: create\n * edges for new targets, delete edges for removed targets, keep the rest.\n * Returns the created and deleted-edge ids (mirrors the backend's atomic diff).\n */\nfunction diffRelations(\n  store: GraphStore,\n  nodeId: number,\n  relations: RelationMap,\n  nextId: () => number,\n): { created: RawGraphEdge[]; deleted: number[] } {\n  const created: RawGraphEdge[] = [];\n  const deleted: number[] = [];\n\n  for (const [relType, targetIds] of Object.entries(relations)) {\n    const existing = store.edges.filter(\n      (e) => e.label_ === relType && e.start_id_ === nodeId,\n    );\n    const desired = new Set(targetIds);\n\n    // Delete edges whose target is no longer desired.\n    for (const edge of existing) {\n      if (!desired.has(edge.end_id_) && edge.id_ != null) {\n        deleted.push(edge.id_);\n      }\n    }\n    // Create edges for desired targets not already present.\n    const present = new Set(existing.map((e) => e.end_id_));\n    for (const targetId of targetIds) {\n      if (!present.has(targetId)) {\n        const edge: RawGraphEdge = {\n          id_: nextId(),\n          label_: relType,\n          start_id_: nodeId,\n          end_id_: targetId,\n          properties_: {},\n        };\n        created.push(edge);\n      }\n    }\n  }\n\n  store.edges = store.edges\n    .filter((e) => e.id_ == null || !deleted.includes(e.id_))\n    .concat(created);\n  return { created, deleted };\n}\n\n/**\n * Build a `GraphMutationPort` over a mutable in-memory store. `onChange` is\n * called after every mutation so the playground can re-load the store into the\n * graph data store (the consumer's cache-patch analog).\n */\nexport function createInMemoryPort(\n  store: GraphStore,\n  onChange: () => void,\n): GraphMutationPort {\n  const nextId = createIdAllocator(store);\n\n  const createNode = (input: CreateNodeInput): RawGraphNode => {\n    const node: RawGraphNode = {\n      id_: nextId(),\n      label_: input.label_,\n      properties_: input.properties_,\n    };\n    store.nodes = [...store.nodes, node];\n    return node;\n  };\n\n  const updateNode = (input: UpdateNodeInput): RawGraphNode => {\n    const node: RawGraphNode = {\n      id_: input.id_,\n      label_: input.label_,\n      properties_: input.properties_,\n    };\n    store.nodes = store.nodes.map((n) => (n.id_ === input.id_ ? node : n));\n    return node;\n  };\n\n  const createEdge = (input: CreateEdgeInput): RawGraphEdge => {\n    const edge: RawGraphEdge = {\n      id_: nextId(),\n      label_: input.label_,\n      start_id_: input.start_id_,\n      end_id_: input.end_id_,\n      properties_: input.properties_ ?? {},\n    };\n    store.edges = [...store.edges, edge];\n    return edge;\n  };\n\n  const updateEdge = (input: UpdateEdgeInput): RawGraphEdge => {\n    let updated: RawGraphEdge | undefined;\n    store.edges = store.edges.map((e) => {\n      if (e.id_ !== input.id_) return e;\n      updated = { ...e, properties_: input.properties_ };\n      return updated;\n    });\n    if (!updated) throw new Error(`Edge ${input.id_} not found`);\n    return updated;\n  };\n\n  // Wrap each mutation: call onChange synchronously after the mutation\n  // completes so the canvas reflects the change immediately (the playground\n  // has no async cache layer). The Promise wrapper satisfies the port contract.\n  const withRefresh = <Args extends unknown[], R>(\n    fn: (...args: Args) => R,\n  ): ((...args: Args) => Promise<R>) => {\n    return (...args: Args) => {\n      const result = fn(...args);\n      onChange();\n      return Promise.resolve(result);\n    };\n  };\n\n  return {\n    createNode: withRefresh(createNode),\n    updateNode: withRefresh(updateNode),\n    deleteNode: withRefresh((id: number) => {\n      store.nodes = store.nodes.filter((n) => n.id_ !== id);\n      store.edges = store.edges.filter(\n        (e) => e.start_id_ !== id && e.end_id_ !== id,\n      );\n    }),\n    createEdge: withRefresh(createEdge),\n    updateEdge: withRefresh(updateEdge),\n    deleteEdge: withRefresh((id: number) => {\n      store.edges = store.edges.filter((e) => e.id_ !== id);\n    }),\n    createNodeWithRelations: withRefresh(\n      (input: CreateNodeWithRelationsInput) => {\n        const node = createNode(input);\n        const { created } = diffRelations(\n          store,\n          node.id_!,\n          input.relations,\n          nextId,\n        );\n        return { node, edges: created };\n      },\n    ),\n    updateNodeWithRelations: withRefresh(\n      (input: UpdateNodeWithRelationsInput) => {\n        const node = updateNode(input);\n        const { created, deleted } = diffRelations(\n          store,\n          input.id_,\n          input.relations,\n          nextId,\n        );\n        return { node, edges: { created, deleted } };\n      },\n    ),\n    getInboundEdges: (id: number) =>\n      Promise.resolve(edgesForNode(store, id).inbound),\n    getOutboundEdges: (id: number) =>\n      Promise.resolve(edgesForNode(store, id).outbound),\n    getPairEdges: (a: number, b: number) =>\n      Promise.resolve(\n        store.edges.filter(\n          (e) =>\n            (e.start_id_ === a && e.end_id_ === b) ||\n            (e.start_id_ === b && e.end_id_ === a),\n        ),\n      ),\n    getNodes: (ids: number[]) =>\n      Promise.resolve(\n        store.nodes.filter((n) => n.id_ != null && ids.includes(n.id_)),\n      ),\n  };\n}\n\n/**\n * Strip the model's `x-graph` extension, yielding a plain property JSON Schema.\n * `GraphModelProperty` is structurally compatible with `JsonSchemaProperty`\n * (same keys: type, title, description, enum, format, items, default); the cast\n * via unknown is safe here and confined to this playground adapter.\n */\nfunction toPropertySchema(\n  type: GraphModel[number] | undefined,\n): JsonSchema | null {\n  if (!type) return null;\n  return {\n    type: \"object\",\n    properties: (type.properties ?? {}) as unknown as JsonSchema[\"properties\"],\n    required: type.required ?? [],\n  } as unknown as JsonSchema;\n}\n\n/**\n * Build a `GraphSchemaProvider` from an in-memory `GraphModel`. All lookups\n * resolve synchronously (wrapped in `Promise.resolve`); a host with the model\n * already in memory does not need an async source.\n */\nexport function createModelSchemaProvider(\n  model: GraphModel,\n): GraphSchemaProvider {\n  const byLabel = new Map(model.map((t) => [t[\"x-graph\"].label, t]));\n\n  const nodeLabels = model\n    .filter((t) => t[\"x-graph\"].type !== \"EDGE\")\n    .map((t) => t[\"x-graph\"].label);\n\n  return {\n    getNodeSchema: (label: string) =>\n      Promise.resolve(toPropertySchema(byLabel.get(label))),\n    getEdgeSchema: (type: string) =>\n      Promise.resolve(toPropertySchema(byLabel.get(type))),\n    listNodeLabels: () => Promise.resolve(nodeLabels),\n    relationsFor: (label: string): Promise<RelationDef[]> => {\n      const relations = byLabel.get(label)?.[\"x-graph\"].relations ?? [];\n      return Promise.resolve(\n        relations.map((r) => ({\n          rel_type_name: r.rel_type_name,\n          to_type_name: r.to_type_name,\n          form_field: r.form_field,\n          // cardinality drives single- vs multi-select in the form.\n          cardinality: r.cardinality as RelationDef[\"cardinality\"],\n        })),\n      );\n    },\n  };\n}\n","/**\n * Playground relation widget -- an app-level form widget that renders the\n * `__rel_*` relation fields produced by the library's schema enrichment.\n *\n * This is the playground's analog of the explorer's `cypher-select` widget: the\n * library emits the relation field schema/uiSchema (with `x-ui-widget:\n * \"entity-select\"` and `x-ui-options.targetType`), and the consuming app\n * supplies the actual widget via the form widget registry. Here the options are\n * resolved synchronously from the in-memory store; the explorer resolves them\n * via Cypher. This demonstrates the \"widget stays app-level\" seam.\n */\n\nimport React from \"react\";\nimport {\n  FormSelect,\n  FormMultiSelect,\n  type WidgetProps,\n} from \"@petrarca/sonnet-forms\";\nimport { extractDisplayLabel } from \"@petrarca/sonnet-graph\";\nimport type { GraphStore } from \"./inMemoryGraphEditing\";\n\ninterface RelationOption {\n  value: string;\n  label: string;\n}\n\n// Options for a target node-type label: every node of that label as {id, name}.\nfunction optionsForType(\n  store: GraphStore,\n  targetType: string,\n): RelationOption[] {\n  return store.nodes\n    .filter((n) => n.label_ === targetType && n.id_ != null)\n    .map((n) => ({ value: String(n.id_), label: extractDisplayLabel(n) }));\n}\n\nfunction toStringArray(value: unknown): string[] {\n  if (Array.isArray(value)) return value.map(String);\n  if (value == null || value === \"\") return [];\n  return [String(value)];\n}\n\n/**\n * Build the relation widget bound to a store. Registered under \"entity-select\"\n * (the library's default relation widget hint) so the enriched `__rel_*` fields\n * resolve to it.\n */\nexport function createRelationWidget(store: GraphStore) {\n  return function RelationWidget({\n    value,\n    onChange,\n    label,\n    options,\n    placeholder,\n  }: WidgetProps): React.ReactElement {\n    const targetType = String(options?.targetType ?? \"\");\n    const multiple = options?.multiple !== false;\n    const selectOptions = optionsForType(store, targetType);\n\n    if (multiple) {\n      return (\n        <FormMultiSelect\n          label={label || false}\n          options={selectOptions}\n          value={toStringArray(value)}\n          onChange={(v) => onChange(v)}\n          placeholder={placeholder ?? `Select ${targetType}...`}\n        />\n      );\n    }\n\n    const single = toStringArray(value)[0] ?? null;\n    return (\n      <FormSelect\n        label={label || false}\n        options={selectOptions}\n        value={single}\n        onChange={(v) => onChange(v ?? \"\")}\n        placeholder={placeholder ?? `Select ${targetType}...`}\n      />\n    );\n  };\n}\n"],"mappings":"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","names":["FormSelect","jsx"]}