proto-plugin 0.1.0 → 0.1.2

package/src/components/shell/prototype-link-source-modal.tsx

@@ -0,0 +1,100 @@
+"use client";
+
+import { PrototypeToolDialog } from "@prototype/components/platform-ui/prototype-tool-dialog";
+import { Button } from "@prototype/components/ui/button";
+import { Input } from "@prototype/components/ui/input";
+import { Label } from "@prototype/components/ui/label";
+import { PROTOTYPE_BRIEF_FIELD_BORDER_CLASS } from "@prototype/components/prototypes/prototype-brief-field";
+import { buildLinkSourceCopyText } from "@prototype/lib/prototypes/link-source-prompt";
+import useCopyToClipboard from "@prototype/lib/use-copy-to-clipboard";
+import { useEffect, useId, useState } from "react";
+import { toast } from "sonner";
+
+export type PrototypeLinkSourceModalProps = {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  currentSourcePath?: string;
+};
+
+export function PrototypeLinkSourceModal({
+  open,
+  onOpenChange,
+  currentSourcePath,
+}: PrototypeLinkSourceModalProps) {
+  const pathFieldId = useId();
+  const [sourcePath, setSourcePath] = useState("");
+  const [isCopying, setIsCopying] = useState(false);
+  const { copy, icon, isCopied } = useCopyToClipboard();
+  const canCopy = sourcePath.trim().length > 0;
+  const isUpdate = Boolean(currentSourcePath?.trim());
+
+  useEffect(() => {
+    if (!open) {
+      setSourcePath("");
+      return;
+    }
+
+    setSourcePath(currentSourcePath?.trim() ?? "");
+  }, [open, currentSourcePath]);
+
+  const handleCopy = async () => {
+    if (!canCopy || isCopying) return;
+
+    setIsCopying(true);
+
+    try {
+      await copy(
+        buildLinkSourceCopyText({
+          sourcePath,
+          currentSourcePath,
+        }),
+      );
+    } catch {
+      toast.error("Copy error", {
+        description: "Failed to copy link source prompt",
+      });
+    } finally {
+      setIsCopying(false);
+    }
+  };
+
+  return (
+    <PrototypeToolDialog
+      open={open}
+      onOpenChange={onOpenChange}
+      title={isUpdate ? "Change source app" : "Link source app"}
+      description="Set the codebase for which you're making prototypes."
+      bodyClassName="gap-4"
+      footerClassName="justify-end"
+      footer={
+        <Button
+          type="button"
+          variant="chrome"
+          size="sm"
+          className="h-8 gap-1.5"
+          disabled={!canCopy || isCopying}
+          onClick={() => {
+            void handleCopy();
+          }}
+          aria-label="Copy link source prompt"
+        >
+          {isCopied ? "Copied prompt" : isCopying ? "Copying…" : "Copy prompt"}
+          {icon}
+        </Button>
+      }
+    >
+      <div className="flex flex-col gap-1.5">
+        <Label htmlFor={pathFieldId} className="text-foreground">
+          Source path, description of folder, or folder name
+        </Label>
+        <Input
+          id={pathFieldId}
+          value={sourcePath}
+          onChange={(event) => setSourcePath(event.target.value)}
+          placeholder="ex. ../cal.diy, cal.diy, or sibling folder to this host app"
+          className={PROTOTYPE_BRIEF_FIELD_BORDER_CLASS}
+        />
+      </div>
+    </PrototypeToolDialog>
+  );
+}

package/src/components/ui/button.tsx

@@ -7,7 +7,7 @@ import * as React from "react";
 import { cn } from "@prototype/lib/utils";
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -18,6 +18,8 @@ const buttonVariants = cva(
           "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
         secondary:
           "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        chrome:
+          "border-0 bg-[var(--tool-chrome-button-bg)] text-[var(--tool-chrome-button-text)] shadow-none hover:bg-[var(--tool-chrome-button-bg-hover)] hover:text-[var(--tool-chrome-button-text-hover)]",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
       },

package/src/components/ui/dialog.tsx

@@ -4,7 +4,11 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
 import * as React from "react";
 
-import { getPrototypePortalContainer } from "@prototype/lib/tool-portal";
+import { isCommentCaptureBlockedTarget } from "@prototype/lib/prototype-comments/core/comment-capture-blocked";
+import {
+  getPrototypeDialogPortalContainer,
+  getPrototypeToolDialogPortalContainer,
+} from "@prototype/lib/tool-portal";
 import { cn } from "@prototype/lib/utils";
 
 import styles from "./dialog.module.scss";
@@ -14,6 +18,19 @@ const DialogTrigger = DialogPrimitive.Trigger;
 const DialogClose = DialogPrimitive.Close;
 const DialogPortal = DialogPrimitive.Portal;
 
+function isPrototypeToolOutsideEventTarget(target: EventTarget | null): boolean {
+  return target instanceof HTMLElement && isCommentCaptureBlockedTarget(target);
+}
+
+function ignorePrototypeToolOutsideEvent(event: {
+  preventDefault: () => void;
+  target: EventTarget | null;
+}): void {
+  if (isPrototypeToolOutsideEventTarget(event.target)) {
+    event.preventDefault();
+  }
+}
+
 const DialogOverlay = React.forwardRef<
   React.ComponentRef<typeof DialogPrimitive.Overlay>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
@@ -30,14 +47,24 @@ const DialogOverlay = React.forwardRef<
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 
+export type DialogPortalScope = "viewport" | "tool";
+
 const DialogContent = React.forwardRef<
   React.ComponentRef<typeof DialogPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
+    overlayClassName?: string;
+    portalScope?: DialogPortalScope;
   }
->(({ className, children, showCloseButton = true, ...props }, ref) => (
-  <DialogPortal container={getPrototypePortalContainer()}>
-    <DialogOverlay />
+>(({ className, children, showCloseButton = true, overlayClassName, portalScope = "viewport", onPointerDownOutside, onInteractOutside, onFocusOutside, ...props }, ref) => (
+  <DialogPortal
+    container={
+      portalScope === "tool"
+        ? getPrototypeToolDialogPortalContainer()
+        : getPrototypeDialogPortalContainer()
+    }
+  >
+    <DialogOverlay className={overlayClassName} />
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
@@ -45,6 +72,18 @@ const DialogContent = React.forwardRef<
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg sm:rounded-lg",
         className,
       )}
+      onPointerDownOutside={(event) => {
+        ignorePrototypeToolOutsideEvent(event);
+        onPointerDownOutside?.(event);
+      }}
+      onInteractOutside={(event) => {
+        ignorePrototypeToolOutsideEvent(event);
+        onInteractOutside?.(event);
+      }}
+      onFocusOutside={(event) => {
+        ignorePrototypeToolOutsideEvent(event);
+        onFocusOutside?.(event);
+      }}
       {...props}
     >
       {children}

package/src/config/create-prototype-component-library-page.tsx

@@ -0,0 +1,74 @@
+import {
+  PrototypeGalleryHeader,
+  PrototypeGalleryPageLayout,
+} from "@prototype/components/shell/prototype-gallery-shell";
+import { PrototypeComponentLibraryEmptyState } from "@prototype/components/shell/prototype-component-library-empty-state";
+import { formatSourceDirectoryName } from "@prototype/lib/format-source-directory-name";
+import { PROTOTYPE_SOURCE_SURFACE_ATTR } from "@prototype/lib/tool-portal";
+import type { ReactNode } from "react";
+
+type PrototypeComponentLibraryPageOptions = {
+  title?: string;
+  description?: string;
+  eyebrow?: string;
+  children?: ReactNode;
+  sourcePath?: string;
+  syncConfigPath?: string;
+  componentLibraryPagePath?: string;
+};
+
+export function createPrototypeComponentLibraryPage(
+  options: PrototypeComponentLibraryPageOptions = {},
+) {
+  const {
+    title = "Component Library",
+    description = "Shared UI primitives and building blocks used across prototypes.",
+    eyebrow,
+    children,
+    sourcePath = process.env.SOURCE_PATH,
+    syncConfigPath,
+    componentLibraryPagePath,
+  } = options;
+
+  const sourceDirectoryName = formatSourceDirectoryName(sourcePath);
+  const isEmpty = !children;
+
+  function ComponentLibraryPage() {
+    return (
+      <PrototypeGalleryPageLayout
+        header={
+          <PrototypeGalleryHeader
+            eyebrow={eyebrow}
+            title={title}
+            description={description}
+            className="mb-0"
+          />
+        }
+      >
+        {isEmpty ? (
+          <div className="px-10 pt-8 pb-16 lg:px-16">
+            <PrototypeComponentLibraryEmptyState
+              sourcePath={sourceDirectoryName ?? sourcePath}
+              syncConfigPath={syncConfigPath}
+              componentLibraryPagePath={componentLibraryPagePath}
+            />
+          </div>
+        ) : (
+          // Isolate synced host design-system components from the tool chrome
+          // theme scoped to [data-prototype-root]. This surface pins neutral
+          // product tokens (see packages/prototype/src/styles/globals.css), so
+          // previews never inherit tool-chrome --primary/--font-sans. Hosts layer
+          // their brand token values by scoping to [data-prototype-source-surface].
+          <div
+            className="px-10 pt-8 pb-16 lg:px-16"
+            {...{ [PROTOTYPE_SOURCE_SURFACE_ATTR]: "" }}
+          >
+            {children}
+          </div>
+        )}
+      </PrototypeGalleryPageLayout>
+    );
+  }
+
+  return ComponentLibraryPage;
+}

package/src/config/create-prototype-gallery-page.tsx

@@ -1,11 +1,15 @@
 import "server-only";
 
 import { PrototypeGalleryClient } from "@prototype/components/prototype-gallery-client";
-import { PrototypeGalleryHeader } from "@prototype/components/shell/prototype-gallery-shell";
+import {
+  PrototypeGalleryHeader,
+  PrototypeGalleryPageLayout,
+} from "@prototype/components/shell/prototype-gallery-shell";
 import { createPrototypeRegistry } from "@prototype/lib/prototypes/create-prototype-registry";
 import type { PrototypeConfig } from "@prototype/lib/prototypes/prototype-config-types";
 
 import { readScreenshotManifest } from "../lib/prototypes/screenshot-manifest";
+import { sortPrototypesByCreationDate } from "../lib/prototypes/sort-prototypes-by-creation-date";
 
 type PrototypeGalleryPageOptions = {
   title?: string;
@@ -25,24 +29,17 @@ export function createPrototypeGalleryPage(
   } = options;
 
   async function PrototypeGallery() {
-    const prototypes = registry.getAllPrototypes();
+    const [prototypes, screenshotManifest] = await Promise.all([
+      Promise.resolve(registry.getAllPrototypes()),
+      readScreenshotManifest(),
+    ]);
+    const sortedPrototypes = await sortPrototypesByCreationDate(prototypes);
     const screenshotVersions =
-      process.env.NODE_ENV === "development"
-        ? await readScreenshotManifest()
-        : {};
-
-    if (prototypes.length === 0) {
-      return (
-        <p className="text-muted-foreground py-12 text-sm">
-          No prototypes yet. Add one in{" "}
-          <code className="text-foreground">prototype.config.ts</code>.
-        </p>
-      );
-    }
+      process.env.NODE_ENV === "development" ? screenshotManifest : {};
 
     return (
       <PrototypeGalleryClient
-        prototypes={prototypes}
+        prototypes={sortedPrototypes}
         screenshotVersions={screenshotVersions}
       />
     );
@@ -50,14 +47,20 @@ export function createPrototypeGalleryPage(
 
   function HomePage() {
     return (
-      <div className="px-10 lg:px-16">
-        <PrototypeGalleryHeader
-          eyebrow={eyebrow}
-          title={title}
-          description={description}
-        />
-        <PrototypeGallery />
-      </div>
+      <PrototypeGalleryPageLayout
+        header={
+          <PrototypeGalleryHeader
+            eyebrow={eyebrow}
+            title={title}
+            description={description}
+            className="mb-0"
+          />
+        }
+      >
+        <div className="px-10 pt-8 pb-16 lg:px-16">
+          <PrototypeGallery />
+        </div>
+      </PrototypeGalleryPageLayout>
     );
   }
 

package/src/config/create-prototype-host-app.tsx

@@ -4,7 +4,6 @@ import { notFound } from "next/navigation";
 import { Suspense } from "react";
 
 import { PrototypeShell } from "@prototype/components/shell/prototype-shell";
-import { PrototypeDefaultStateMapPage } from "@prototype/components/prototypes/prototype-default-state-map-page";
 import { createPrototypeRegistry } from "@prototype/lib/prototypes/create-prototype-registry";
 import type {
   PrototypeConfig,
@@ -12,6 +11,7 @@ import type {
 } from "@prototype/lib/prototypes/prototype-config-types";
 
 import { createPrototypePage } from "./create-prototype-page";
+import { createPrototypeStateMapPage } from "./create-prototype-state-map-page";
 
 function matchExtraRoute(
   path: string[],
@@ -51,6 +51,7 @@ function findExtraRoute(
 export function createPrototypeCatchAllPage(config: PrototypeConfig) {
   const registry = createPrototypeRegistry(config);
   const prototypePage = createPrototypePage(config);
+  const stateMapPage = createPrototypeStateMapPage(config);
 
   function generateStaticParams() {
     const prototypePaths = prototypePage.generateStaticParams().map(({ slug }) => ({
@@ -98,20 +99,7 @@ export function createPrototypeCatchAllPage(config: PrototypeConfig) {
 
     if (path.length === 3 && path[0] === "prototypes" && path[2] === "states") {
       const slug = path[1]!;
-      const prototype = registry.getPrototype(slug);
-      const componentRegistry = registry.getPrototypeComponentRegistryForSlug(slug);
-
-      if (!prototype) {
-        notFound();
-      }
-
-      return (
-        <Suspense fallback={null}>
-          <PrototypeShell slug={slug} componentRegistry={componentRegistry}>
-            <PrototypeDefaultStateMapPage slug={slug} />
-          </PrototypeShell>
-        </Suspense>
-      );
+      return stateMapPage.default({ params: Promise.resolve({ slug }) });
     }
 
     notFound();

package/src/config/create-prototype-site-layout.tsx

@@ -2,15 +2,22 @@ import type { ComponentType, ReactNode } from "react";
 
 import { PrototypeGalleryShell } from "@prototype/components/shell/prototype-gallery-shell";
 
+import { formatSourceDirectoryName } from "@prototype/lib/format-source-directory-name";
+
 import { PrototypeSiteLayoutClient } from "./prototype-site-layout-client";
 
 type PrototypeSiteLayoutOptions = {
   toaster?: ReactNode;
+  sourceDirectoryName?: string;
 };
 
 export function createPrototypeSiteLayout(
   options: PrototypeSiteLayoutOptions = {},
 ) {
+  const sourcePath = process.env.SOURCE_PATH;
+  const sourceDirectoryName =
+    options.sourceDirectoryName ?? formatSourceDirectoryName(sourcePath);
+
   return function PrototypeSiteLayout({
     children,
   }: Readonly<{
@@ -18,7 +25,13 @@ export function createPrototypeSiteLayout(
   }>) {
     return (
       <PrototypeSiteLayoutClient
-        galleryShell={PrototypeGalleryShell as ComponentType<{ children: ReactNode }>}
+        galleryShell={PrototypeGalleryShell as ComponentType<{
+          children: ReactNode;
+          sourceDirectoryName?: string;
+          sourcePath?: string;
+        }>}
+        sourceDirectoryName={sourceDirectoryName}
+        sourcePath={sourcePath}
         toaster={options.toaster}
       >
         {children}

package/src/config/create-prototype-state-map-page.tsx

@@ -0,0 +1,44 @@
+import { notFound } from "next/navigation";
+import { Suspense } from "react";
+
+import { PrototypeDefaultStateMapPage } from "@prototype/components/prototypes/prototype-default-state-map-page";
+import { PrototypeShell } from "@prototype/components/shell/prototype-shell";
+import { createPrototypeRegistry } from "@prototype/lib/prototypes/create-prototype-registry";
+import type { PrototypeConfig } from "@prototype/lib/prototypes/prototype-config-types";
+
+type PrototypeStateMapPageProps = {
+  params: Promise<{ slug: string }>;
+};
+
+export function createPrototypeStateMapPage(config: PrototypeConfig) {
+  const registry = createPrototypeRegistry(config);
+
+  function generateStaticParams() {
+    return registry.getAllPrototypes().map(({ slug }) => ({ slug }));
+  }
+
+  async function PrototypeStateMapPage({ params }: PrototypeStateMapPageProps) {
+    const { slug } = await params;
+    const prototype = registry.getPrototype(slug);
+    const StateMapComponent = registry.getPrototypeStateMapComponent(slug);
+    const componentRegistry = registry.getPrototypeComponentRegistryForSlug(slug);
+
+    if (!prototype) {
+      notFound();
+    }
+
+    return (
+      <Suspense fallback={null}>
+        <PrototypeShell slug={slug} componentRegistry={componentRegistry}>
+          {StateMapComponent ? (
+            <StateMapComponent />
+          ) : (
+            <PrototypeDefaultStateMapPage slug={slug} />
+          )}
+        </PrototypeShell>
+      </Suspense>
+    );
+  }
+
+  return { default: PrototypeStateMapPage, generateStaticParams };
+}

package/src/config/prototype-site-layout-client.tsx

@@ -5,24 +5,38 @@ import type { ComponentType, ReactNode } from "react";
 
 type PrototypeSiteLayoutClientProps = {
   children: ReactNode;
-  galleryShell: ComponentType<{ children: ReactNode }>;
+  galleryShell: ComponentType<{
+    children: ReactNode;
+    sourceDirectoryName?: string;
+    sourcePath?: string;
+  }>;
+  sourceDirectoryName?: string;
+  sourcePath?: string;
   toaster: ReactNode;
 };
 
 export function PrototypeSiteLayoutClient({
   children,
   galleryShell: GalleryShell,
+  sourceDirectoryName,
+  sourcePath,
   toaster,
 }: PrototypeSiteLayoutClientProps) {
   const pathname = usePathname();
-  const isGalleryHome = pathname === "/";
+  const isGalleryRoute =
+    pathname === "/" || pathname.startsWith("/component-library");
 
-  if (isGalleryHome) {
+  if (isGalleryRoute) {
     return (
-      <>
-        <GalleryShell>{children}</GalleryShell>
+      <div className="bg-[var(--bg-main)] flex h-svh min-h-svh w-full flex-col overflow-hidden">
+        <GalleryShell
+          sourceDirectoryName={sourceDirectoryName}
+          sourcePath={sourcePath}
+        >
+          {children}
+        </GalleryShell>
         {toaster}
-      </>
+      </div>
     );
   }
 

package/src/config/with-prototype.ts

@@ -12,9 +12,30 @@ export function withPrototype(
 
   return {
     ...nextConfig,
+    // Next.js 16 blocks cross-origin dev asset/HMR requests by default.
+    // Include ngrok (mobile testing) and common local host aliases (Glass browser, 127.0.0.1).
+    allowedDevOrigins: [
+      ...(nextConfig.allowedDevOrigins ?? []),
+      "127.0.0.1",
+      "[::1]",
+      "*.ngrok-free.app",
+      "*.ngrok-free.dev",
+      "*.ngrok.app",
+      "*.ngrok.io",
+      "*.ngrok.dev",
+    ],
     transpilePackages: [
       ...(nextConfig.transpilePackages ?? []),
       "proto-plugin",
     ],
+    images: {
+      ...nextConfig.images,
+      localPatterns: [
+        {
+          pathname: "/prototypes/screenshots/**",
+        },
+        ...(nextConfig.images?.localPatterns ?? []),
+      ],
+    },
   };
 }

package/src/index.ts

@@ -1,5 +1,8 @@
 export { definePrototypeConfig } from "./config/define-prototype-config";
+export { createPrototypeGalleryPage } from "./config/create-prototype-gallery-page";
+export { createPrototypeComponentLibraryPage } from "./config/create-prototype-component-library-page";
 export { createPrototypePage } from "./config/create-prototype-page";
+export { createPrototypeStateMapPage } from "./config/create-prototype-state-map-page";
 export { createPrototypeSiteLayout } from "./config/create-prototype-site-layout";
 export { withPrototype } from "./config/with-prototype";
 
@@ -44,6 +47,12 @@ export type { PrototypeVercelPreviewModalProps } from "./components/prototypes/p
 export { PrototypeTweaks } from "./components/prototypes/prototype-tweaks";
 export type { PrototypeTweakConfig } from "./components/prototypes/prototype-tweaks";
 
+export {
+  PROTOTYPE_PAGE_CLASS,
+  PROTOTYPE_SCROLL_CONTAINER_CLASS,
+  PROTOTYPE_VIEW_SHELL_CLASS,
+} from "./lib/prototypes/prototype-layout-classes";
+
 export { usePrototypeComments } from "./lib/prototypes/use-prototype-comments";
 
 export {
@@ -51,19 +60,51 @@ export {
   readPersistedPrototypeLiveState,
 } from "./lib/prototypes/use-persisted-local-state";
 
-export type { DesignExplorationConfig } from "./lib/prototypes/design-exploration-types";
+export type {
+  DesignExplorationBaselineOption,
+  DesignExplorationConfig,
+} from "./lib/prototypes/design-exploration-types";
 
 export {
   buildCreateDesignExplorationCopyText,
   buildCreateDesignExplorationPrompt,
+  buildMoreDesignExplorationVariantsCopyText,
+  buildMoreDesignExplorationVariantsPrompt,
   buildResetBriefDefaultsPrompt,
+  DESIGN_EXPLORATION_BASELINE_LABEL,
   getAdjacentDesignExplorationVariant,
+  getDesignExplorationDisplayOptions,
+  getDesignExplorationVariantOptions,
+  resolveDesignExplorationBaselineOption,
 } from "./lib/prototypes/design-exploration-types";
 
+export { buildDesignExplorationRenderers } from "./lib/prototypes/build-design-exploration-renderers";
+
+export {
+  DesignExplorationVariantPreviewShell,
+  type DesignExplorationVariantPreviewLayout,
+  type DesignExplorationVariantPreviewShellProps,
+} from "./components/prototypes/design-exploration-variant-preview-shell";
+
 export {
   buildCreatePreviewStateCopyText,
   buildCreatePreviewStatePrompt,
 } from "./lib/prototypes/prototype-preview-state-types";
+
+export {
+  buildCreatePrototypeCopyText,
+  buildCreatePrototypePrompt,
+  suggestPrototypeSlug,
+} from "./lib/prototypes/create-prototype-prompt";
+
+export {
+  buildPopulateComponentLibraryCopyText,
+  buildPopulateComponentLibraryPrompt,
+} from "./lib/prototypes/populate-component-library-prompt";
+export {
+  buildLinkSourceCopyText,
+  buildLinkSourcePrompt,
+} from "./lib/prototypes/link-source-prompt";
 export type { PrototypePreviewState } from "./lib/prototypes/prototype-preview-state-types";
 
 export {
@@ -113,6 +154,7 @@ export {
   PrototypeGalleryShell,
   PrototypeGalleryHeader,
   PrototypeGalleryPage,
+  PrototypeGalleryPageLayout,
 } from "./components/shell/prototype-gallery-shell";
 
 export { screenshotSrc } from "./lib/prototypes/screenshot-src";
@@ -225,8 +267,11 @@ export {
   PROTOTYPE_PREVIEW_STAGE_ID,
   PROTOTYPE_ROOT_ID,
   PROTOTYPE_SCREENSHOT_ATTR,
+  PROTOTYPE_SOURCE_SURFACE_ATTR,
   PROTOTYPE_VIEWPORT_ID,
   getPrototypeChromeRoot,
+  getPrototypeDialogPortalContainer,
+  getPrototypeToolDialogPortalContainer,
   getPrototypePreviewStage,
   getPrototypeScreenshotRoot,
 } from "./lib/tool-portal";
@@ -246,15 +291,6 @@ export {
   useChangelogMetaOptional,
 } from "./lib/prototypes/changelog-meta-context";
 
-export {
-  prototypeDesignExplorationDefaultRedisKey,
-  parseDesignExplorationDefault,
-  isValidDesignExplorationDefaultRecord,
-} from "./lib/prototypes/design-exploration-default";
-export type { DesignExplorationDefaultRecord } from "./lib/prototypes/design-exploration-default";
-export { createDesignExplorationDefaultStorageAdapter } from "./lib/prototypes/design-exploration-default-storage";
-export { useDesignExplorationDefault } from "./lib/prototypes/use-design-exploration-default";
-
 export {
   filterAnnotationsByChannel,
   getChangelogRootAnnotations,
@@ -276,10 +312,18 @@ export type { PrototypeSpecPanelContentProps } from "./components/prototypes/pro
 export {
   PR_TARGET_HIGHLIGHT_BORDER,
   PR_TARGET_HIGHLIGHT_FILL,
+  PR_SPLIT_WIREFRAME_FRAME_CLASS,
 } from "./lib/pr-split/pr-split-highlight";
 
 export { buildPrSplitPrototypeUrl } from "./lib/pr-split/build-pr-split-prototype-url";
 export { buildPrAgentPrompt } from "./lib/pr-split/build-pr-agent-prompt";
+export {
+  buildPrSplitPlanPrompt,
+  buildPrSplitPlanCopyText,
+} from "./lib/pr-split/build-pr-split-plan-prompt";
+export type { PrSplitPlanPromptOptions } from "./lib/pr-split/build-pr-split-plan-prompt";
+
+export { PrototypeSpecPanelEmptyState } from "./components/prototypes/prototype-spec-panel-empty-state";
 
 export type {
   PrSplitEntry,