@parallelworks/ui 0.27.0 → 0.29.0

package/dist/ai/ui/Notice.js

@@ -56,6 +56,32 @@ function NoticeBar({ tone, title, children, action, onAction, testId }) {
 		]
 	});
 }
+/** What a command printed, kept verbatim under the command that printed it. */
+function OutputCard({ title, text, onDismiss, dismissLabel, testId }) {
+	return /* @__PURE__ */ jsxs("section", {
+		"data-testid": testId,
+		"aria-label": title,
+		className: "relative my-3 rounded-lg border theme-border theme-muted-panel px-3 py-2",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: cx("font-mono text-[11px] theme-muted-text", onDismiss && "pr-6"),
+				children: title
+			}),
+			/* @__PURE__ */ jsx("pre", {
+				className: "mt-1 whitespace-pre-wrap break-words font-mono text-xs theme-text",
+				children: text
+			}),
+			onDismiss && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: onDismiss,
+				"aria-label": dismissLabel,
+				title: dismissLabel,
+				className: "absolute top-1.5 right-1.5 rounded p-1 theme-muted-text hover:theme-hover",
+				children: /* @__PURE__ */ jsx(IoMdClose, { className: "h-3.5 w-3.5" })
+			})
+		]
+	});
+}
 /** An inline notice next to the composer. One with no dismiss states a fact
 *  that is still true; one with a dismiss is a message the reader can put away. */
 function NoticeCard({ tone = "neutral", children, onDismiss, dismissLabel, testId }) {
@@ -76,4 +102,4 @@ function NoticeCard({ tone = "neutral", children, onDismiss, dismissLabel, testI
 	});
 }
 //#endregion
-export { NoticeBar, NoticeCard };
+export { NoticeBar, NoticeCard, OutputCard };

package/dist/ai/ui/sidebar.d.ts

@@ -8,7 +8,7 @@ export declare function SidebarPanel({ collapsed, width, railWidth, resizing, la
     width?: number;
     railWidth?: number;
     resizing?: boolean;
-    label?: string;
+    label?: string | undefined;
     className?: string;
     style?: CSSProperties;
     children: ReactNode;
@@ -24,7 +24,7 @@ export declare function SidebarGroupHeading({ children, tone, testId, }: {
     children: ReactNode;
     /** 'attention' is for the group the reader is being asked to act on. */
     tone?: 'default' | 'attention';
-    testId?: string;
+    testId?: string | undefined;
 }): import("react").JSX.Element;
 /** One entry in the list: the row highlights while it is the open one or
  *  while its menu is up, and the menu opens from its button or a right-click. */