@contractspec/bundle.library 3.4.3 → 3.5.0

package/dist/components/shared/FeatureGateNotice.js

@@ -1,38 +1,38 @@
 // @bun
 // src/components/shared/FeatureGateNotice.tsx
 import { Lock } from "lucide-react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FeatureGateNotice({
   title,
   description,
   actionLabel,
   onAction
 }) {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "text-center",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsx("div", {
         className: "bg-muted/40 mx-auto flex h-12 w-12 items-center justify-center rounded-full",
-        children: /* @__PURE__ */ jsxDEV(Lock, {
+        children: /* @__PURE__ */ jsx(Lock, {
           className: "text-muted-foreground h-5 w-5"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("h3", {
+        })
+      }),
+      /* @__PURE__ */ jsx("h3", {
         className: "mt-4 text-lg font-semibold",
         children: title
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("p", {
+      }),
+      /* @__PURE__ */ jsx("p", {
         className: "text-muted-foreground mt-2 text-sm",
         children: description
-      }, undefined, false, undefined, this),
-      actionLabel ? /* @__PURE__ */ jsxDEV("button", {
+      }),
+      actionLabel ? /* @__PURE__ */ jsx("button", {
         type: "button",
         className: "btn-primary mt-4 inline-flex items-center justify-center",
         onClick: onAction,
         children: actionLabel
-      }, undefined, false, undefined, this) : null
+      }) : null
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   FeatureGateNotice

package/dist/components/shared/index.js

@@ -1,38 +1,38 @@
 // @bun
 // src/components/shared/FeatureGateNotice.tsx
 import { Lock } from "lucide-react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FeatureGateNotice({
   title,
   description,
   actionLabel,
   onAction
 }) {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "text-center",
     children: [
-      /* @__PURE__ */ jsxDEV("div", {
+      /* @__PURE__ */ jsx("div", {
         className: "bg-muted/40 mx-auto flex h-12 w-12 items-center justify-center rounded-full",
-        children: /* @__PURE__ */ jsxDEV(Lock, {
+        children: /* @__PURE__ */ jsx(Lock, {
           className: "text-muted-foreground h-5 w-5"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("h3", {
+        })
+      }),
+      /* @__PURE__ */ jsx("h3", {
         className: "mt-4 text-lg font-semibold",
         children: title
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("p", {
+      }),
+      /* @__PURE__ */ jsx("p", {
         className: "text-muted-foreground mt-2 text-sm",
         children: description
-      }, undefined, false, undefined, this),
-      actionLabel ? /* @__PURE__ */ jsxDEV("button", {
+      }),
+      actionLabel ? /* @__PURE__ */ jsx("button", {
         type: "button",
         className: "btn-primary mt-4 inline-flex items-center justify-center",
         onClick: onAction,
         children: actionLabel
-      }, undefined, false, undefined, this) : null
+      }) : null
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   FeatureGateNotice

package/dist/components/shell/WorkspaceHeader.js

@@ -8,7 +8,7 @@ import {
   SelectTrigger,
   SelectValue
 } from "@contractspec/lib.ui-kit-web/ui/select";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function WorkspaceHeader({
   title,
   subtitle,
@@ -18,83 +18,83 @@ function WorkspaceHeader({
   stickyHeaderOffsetPx,
   headerRight
 }) {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     className: "border-border bg-card sticky top-0 z-10 border-b",
     style: { top: stickyHeaderOffsetPx ?? 0 },
-    children: /* @__PURE__ */ jsxDEV("div", {
+    children: /* @__PURE__ */ jsxs("div", {
       className: "mx-auto flex w-full max-w-7xl flex-col gap-3 px-4 py-3 md:flex-row md:items-center md:justify-between",
       children: [
-        /* @__PURE__ */ jsxDEV("div", {
+        /* @__PURE__ */ jsxs("div", {
           className: "min-w-0",
           children: [
-            /* @__PURE__ */ jsxDEV("div", {
+            /* @__PURE__ */ jsxs("div", {
               className: "flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsxDEV("p", {
+                /* @__PURE__ */ jsx("p", {
                   className: "truncate text-base font-semibold",
                   children: title
-                }, undefined, false, undefined, this),
-                subtitle ? /* @__PURE__ */ jsxDEV("p", {
+                }),
+                subtitle ? /* @__PURE__ */ jsx("p", {
                   className: "text-muted-foreground hidden text-sm md:block",
                   children: subtitle
-                }, undefined, false, undefined, this) : null
+                }) : null
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV("div", {
+            }),
+            /* @__PURE__ */ jsxs("div", {
               className: "mt-2 flex flex-wrap gap-2",
               children: [
-                workspaceSelect ? /* @__PURE__ */ jsxDEV(ShellSelectControl, {
+                workspaceSelect ? /* @__PURE__ */ jsx(ShellSelectControl, {
                   select: workspaceSelect
-                }, undefined, false, undefined, this) : null,
-                projectSelect ? /* @__PURE__ */ jsxDEV(ShellSelectControl, {
+                }) : null,
+                projectSelect ? /* @__PURE__ */ jsx(ShellSelectControl, {
                   select: projectSelect
-                }, undefined, false, undefined, this) : null,
-                environmentSelect ? /* @__PURE__ */ jsxDEV(ShellSelectControl, {
+                }) : null,
+                environmentSelect ? /* @__PURE__ */ jsx(ShellSelectControl, {
                   select: environmentSelect
-                }, undefined, false, undefined, this) : null
+                }) : null
               ]
-            }, undefined, true, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV("div", {
+        }),
+        /* @__PURE__ */ jsx("div", {
           className: "flex items-center justify-between gap-2 md:justify-end",
           children: headerRight
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 function ShellSelectControl({ select }) {
   const labelId = React.useId();
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "flex min-w-[220px] flex-col gap-1",
     children: [
-      /* @__PURE__ */ jsxDEV("span", {
+      /* @__PURE__ */ jsx("span", {
         id: labelId,
         className: "text-muted-foreground text-xs",
         children: select.label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Select, {
+      }),
+      /* @__PURE__ */ jsxs(Select, {
         value: select.value,
         onValueChange: select.onChange,
         children: [
-          /* @__PURE__ */ jsxDEV(SelectTrigger, {
+          /* @__PURE__ */ jsx(SelectTrigger, {
             "aria-labelledby": labelId,
             className: "w-full",
-            children: /* @__PURE__ */ jsxDEV(SelectValue, {
+            children: /* @__PURE__ */ jsx(SelectValue, {
               placeholder: select.placeholder ?? select.label
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(SelectContent, {
-            children: select.options.map((o) => /* @__PURE__ */ jsxDEV(SelectItem, {
+            })
+          }),
+          /* @__PURE__ */ jsx(SelectContent, {
+            children: select.options.map((o) => /* @__PURE__ */ jsx(SelectItem, {
               value: o.value,
               children: o.label
-            }, o.value, false, undefined, this))
-          }, undefined, false, undefined, this)
+            }, o.value))
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   WorkspaceHeader

package/dist/components/shell/WorkspaceProjectShellLayout.js

@@ -8,7 +8,7 @@ import {
   SelectTrigger,
   SelectValue
 } from "@contractspec/lib.ui-kit-web/ui/select";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function WorkspaceHeader({
   title,
   subtitle,
@@ -18,83 +18,83 @@ function WorkspaceHeader({
   stickyHeaderOffsetPx,
   headerRight
 }) {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     className: "border-border bg-card sticky top-0 z-10 border-b",
     style: { top: stickyHeaderOffsetPx ?? 0 },
-    children: /* @__PURE__ */ jsxDEV("div", {
+    children: /* @__PURE__ */ jsxs("div", {
       className: "mx-auto flex w-full max-w-7xl flex-col gap-3 px-4 py-3 md:flex-row md:items-center md:justify-between",
       children: [
-        /* @__PURE__ */ jsxDEV("div", {
+        /* @__PURE__ */ jsxs("div", {
           className: "min-w-0",
           children: [
-            /* @__PURE__ */ jsxDEV("div", {
+            /* @__PURE__ */ jsxs("div", {
               className: "flex items-center gap-2",
               children: [
-                /* @__PURE__ */ jsxDEV("p", {
+                /* @__PURE__ */ jsx("p", {
                   className: "truncate text-base font-semibold",
                   children: title
-                }, undefined, false, undefined, this),
-                subtitle ? /* @__PURE__ */ jsxDEV("p", {
+                }),
+                subtitle ? /* @__PURE__ */ jsx("p", {
                   className: "text-muted-foreground hidden text-sm md:block",
                   children: subtitle
-                }, undefined, false, undefined, this) : null
+                }) : null
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV("div", {
+            }),
+            /* @__PURE__ */ jsxs("div", {
               className: "mt-2 flex flex-wrap gap-2",
               children: [
-                workspaceSelect ? /* @__PURE__ */ jsxDEV(ShellSelectControl, {
+                workspaceSelect ? /* @__PURE__ */ jsx(ShellSelectControl, {
                   select: workspaceSelect
-                }, undefined, false, undefined, this) : null,
-                projectSelect ? /* @__PURE__ */ jsxDEV(ShellSelectControl, {
+                }) : null,
+                projectSelect ? /* @__PURE__ */ jsx(ShellSelectControl, {
                   select: projectSelect
-                }, undefined, false, undefined, this) : null,
-                environmentSelect ? /* @__PURE__ */ jsxDEV(ShellSelectControl, {
+                }) : null,
+                environmentSelect ? /* @__PURE__ */ jsx(ShellSelectControl, {
                   select: environmentSelect
-                }, undefined, false, undefined, this) : null
+                }) : null
               ]
-            }, undefined, true, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV("div", {
+        }),
+        /* @__PURE__ */ jsx("div", {
           className: "flex items-center justify-between gap-2 md:justify-end",
           children: headerRight
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 function ShellSelectControl({ select }) {
   const labelId = React.useId();
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: "flex min-w-[220px] flex-col gap-1",
     children: [
-      /* @__PURE__ */ jsxDEV("span", {
+      /* @__PURE__ */ jsx("span", {
         id: labelId,
         className: "text-muted-foreground text-xs",
         children: select.label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(Select, {
+      }),
+      /* @__PURE__ */ jsxs(Select, {
         value: select.value,
         onValueChange: select.onChange,
         children: [
-          /* @__PURE__ */ jsxDEV(SelectTrigger, {
+          /* @__PURE__ */ jsx(SelectTrigger, {
             "aria-labelledby": labelId,
             className: "w-full",
-            children: /* @__PURE__ */ jsxDEV(SelectValue, {
+            children: /* @__PURE__ */ jsx(SelectValue, {
               placeholder: select.placeholder ?? select.label
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV(SelectContent, {
-            children: select.options.map((o) => /* @__PURE__ */ jsxDEV(SelectItem, {
+            })
+          }),
+          /* @__PURE__ */ jsx(SelectContent, {
+            children: select.options.map((o) => /* @__PURE__ */ jsx(SelectItem, {
               value: o.value,
               children: o.label
-            }, o.value, false, undefined, this))
-          }, undefined, false, undefined, this)
+            }, o.value))
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/shell/WorkspaceSidebar.tsx
@@ -109,58 +109,58 @@ import {
   SidebarMenuItem,
   SidebarRail
 } from "@contractspec/lib.ui-kit-web/ui/sidebar";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function WorkspaceSidebar({
   modules,
   activeModuleId,
   onModuleChange,
   sidebarFooter
 }) {
-  return /* @__PURE__ */ jsxDEV2(Sidebar, {
+  return /* @__PURE__ */ jsxs2(Sidebar, {
     children: [
-      /* @__PURE__ */ jsxDEV2(SidebarRail, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2(SidebarHeader, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2(SidebarContent, {
-        children: /* @__PURE__ */ jsxDEV2(SidebarMenu, {
+      /* @__PURE__ */ jsx2(SidebarRail, {}),
+      /* @__PURE__ */ jsx2(SidebarHeader, {}),
+      /* @__PURE__ */ jsx2(SidebarContent, {
+        children: /* @__PURE__ */ jsxs2(SidebarMenu, {
           children: [
-            modules.map((m) => /* @__PURE__ */ jsxDEV2(SidebarMenuItem, {
-              children: /* @__PURE__ */ jsxDEV2(SidebarMenuButton, {
+            modules.map((m) => /* @__PURE__ */ jsx2(SidebarMenuItem, {
+              children: /* @__PURE__ */ jsxs2(SidebarMenuButton, {
                 isActive: m.id === activeModuleId,
                 onClick: () => onModuleChange(m.id),
                 children: [
                   m.icon,
-                  /* @__PURE__ */ jsxDEV2("span", {
+                  /* @__PURE__ */ jsx2("span", {
                     children: m.label
-                  }, undefined, false, undefined, this),
-                  m.badge != null ? /* @__PURE__ */ jsxDEV2("span", {
+                  }),
+                  m.badge != null ? /* @__PURE__ */ jsx2("span", {
                     className: "text-muted-foreground ml-auto text-xs",
                     children: String(m.badge)
-                  }, undefined, false, undefined, this) : null
+                  }) : null
                 ]
-              }, undefined, true, undefined, this)
-            }, m.id, false, undefined, this)),
-            /* @__PURE__ */ jsxDEV2(SidebarMenuItem, {
-              children: /* @__PURE__ */ jsxDEV2(SidebarMenuButton, {
+              })
+            }, m.id)),
+            /* @__PURE__ */ jsx2(SidebarMenuItem, {
+              children: /* @__PURE__ */ jsxs2(SidebarMenuButton, {
                 isActive: activeModuleId === "settings",
                 onClick: () => onModuleChange("settings"),
                 children: [
-                  /* @__PURE__ */ jsxDEV2(Settings, {
+                  /* @__PURE__ */ jsx2(Settings, {
                     className: "size-4"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("span", {
+                  }),
+                  /* @__PURE__ */ jsx2("span", {
                     children: "Settings"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
+              })
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2(SidebarFooter, {
+        })
+      }),
+      /* @__PURE__ */ jsx2(SidebarFooter, {
         children: sidebarFooter
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/components/shell/WorkspaceProjectShellLayout.tsx
@@ -169,7 +169,7 @@ import {
   SidebarProvider,
   SidebarInset
 } from "@contractspec/lib.ui-kit-web/ui/sidebar";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function WorkspaceProjectShellLayout({
   title,
   subtitle,
@@ -186,19 +186,19 @@ function WorkspaceProjectShellLayout({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsxDEV3(SidebarProvider, {
+  return /* @__PURE__ */ jsxs3(SidebarProvider, {
     children: [
-      /* @__PURE__ */ jsxDEV3(WorkspaceSidebar, {
+      /* @__PURE__ */ jsx3(WorkspaceSidebar, {
         modules,
         activeModuleId,
         onModuleChange,
         sidebarFooter
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3(SidebarInset, {
-        children: /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsx3(SidebarInset, {
+        children: /* @__PURE__ */ jsxs3("div", {
           className: cn("bg-background min-h-svh", className),
           children: [
-            /* @__PURE__ */ jsxDEV3(WorkspaceHeader, {
+            /* @__PURE__ */ jsx3(WorkspaceHeader, {
               title,
               subtitle,
               workspaceSelect,
@@ -206,17 +206,17 @@ function WorkspaceProjectShellLayout({
               environmentSelect,
               stickyHeaderOffsetPx,
               headerRight
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV3("main", {
+            }),
+            /* @__PURE__ */ jsx3("main", {
               className: "m-4",
               children
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
+        })
+      }),
       assistant
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   WorkspaceProjectShellLayout

package/dist/components/shell/WorkspaceShellRenderer.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { ResolvedSurfacePlan } from '@contractspec/lib.surface-runtime/runtime/resolve-bundle';
+import type { WorkspaceHeaderProps, ShellSelect, ShellSelectOption } from './WorkspaceHeader';
+import type { WorkspaceSidebarProps, ShellModuleItem } from './WorkspaceSidebar';
+export type { ShellSelect, ShellSelectOption, ShellModuleItem };
+export interface WorkspaceShellRendererProps extends WorkspaceSidebarProps, WorkspaceHeaderProps {
+    plan: ResolvedSurfacePlan;
+    assistant?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * Renders the library workspace using surface-runtime BundleRenderer.
+ * Uses the resolved plan for adaptive layout and preferences.
+ * Replaces WorkspaceProjectShellLayout when surface-runtime is available.
+ */
+export declare function WorkspaceShellRenderer({ plan, title, subtitle, workspaceSelect, projectSelect, environmentSelect, stickyHeaderOffsetPx, headerRight, modules, activeModuleId, onModuleChange, sidebarFooter, assistant, children, className, }: WorkspaceShellRendererProps): import("react/jsx-runtime").JSX.Element;