@bolt-foundry/gambit 0.8.5 → 0.8.6-rc.2

package/script/simulator-ui/src/gds/PageShell.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PageShell;
+const react_1 = __importDefault(require("react"));
+const utils_js_1 = require("../utils.js");
+function PageShell(props) {
+    const { className, children } = props;
+    return react_1.default.createElement("div", { className: (0, utils_js_1.classNames)("app-shell", className) }, children);
+}

package/script/simulator-ui/src/gds/Panel.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const Panel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType;
+} & React.RefAttributes<HTMLElement>>;
+export default Panel;
+//# sourceMappingURL=Panel.d.ts.map

package/script/simulator-ui/src/gds/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/simulator-ui/src/gds/Panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,QAAA,MAAM,KAAK;SAHJ,KAAK,CAAC,WAAW;qCAUtB,CAAC;AAIH,eAAe,KAAK,CAAC"}

package/script/simulator-ui/src/gds/Panel.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+// deno-lint-ignore-file
+const react_1 = __importStar(require("react"));
+const utils_js_1 = require("../utils.js");
+const Panel = (0, react_1.forwardRef)((props, ref) => {
+    const { as: Component = "div", className, children, ...rest } = props;
+    return (react_1.default.createElement(Component, { className: (0, utils_js_1.classNames)("panel", className), ref: ref, ...rest }, children));
+});
+Panel.displayName = "Panel";
+exports.default = Panel;

package/script/simulator-ui/src/gds/ScrollingText.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type ScrollingTextProps = React.HTMLAttributes<HTMLSpanElement> & {
+    text: string;
+    as?: "span" | "div";
+    speed?: number;
+};
+export default function ScrollingText(props: ScrollingTextProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ScrollingText.d.ts.map

package/script/simulator-ui/src/gds/ScrollingText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollingText.d.ts","sourceRoot":"","sources":["../../../../src/simulator-ui/src/gds/ScrollingText.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAgF9D"}

package/script/simulator-ui/src/gds/ScrollingText.js

@@ -0,0 +1,96 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ScrollingText;
+// deno-lint-ignore-file
+const react_1 = __importStar(require("react"));
+const utils_js_1 = require("../utils.js");
+function ScrollingText(props) {
+    const { text, as, className, speed = 40, style, title, ...rest } = props;
+    const containerRef = (0, react_1.useRef)(null);
+    const innerRef = (0, react_1.useRef)(null);
+    const [scrollDistance, setScrollDistance] = (0, react_1.useState)(0);
+    const [isOverflowing, setIsOverflowing] = (0, react_1.useState)(false);
+    const measure = (0, react_1.useCallback)(() => {
+        const container = containerRef.current;
+        const inner = innerRef.current;
+        if (!container || !inner)
+            return;
+        const distance = Math.max(inner.scrollWidth - container.clientWidth, 0);
+        setScrollDistance(distance);
+        setIsOverflowing(distance > 1);
+    }, []);
+    (0, react_1.useLayoutEffect)(() => {
+        measure();
+    }, [measure, text]);
+    (0, react_1.useEffect)(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        if (typeof ResizeObserver !== "undefined") {
+            const observer = new ResizeObserver(() => measure());
+            observer.observe(container);
+            return () => observer.disconnect();
+        }
+        const handleResize = () => measure();
+        globalThis.addEventListener("resize", handleResize);
+        return () => globalThis.removeEventListener("resize", handleResize);
+    }, [measure]);
+    const safeSpeed = speed > 0 ? speed : 40;
+    const duration = scrollDistance > 0 ? scrollDistance / safeSpeed : 0;
+    const Tag = (as ?? "span");
+    const mergedStyle = {
+        ...style,
+        "--gds-scroll-distance": `${scrollDistance}px`,
+        "--gds-scroll-duration": `${duration}s`,
+    };
+    const resolvedTitle = title ?? (isOverflowing ? text : undefined);
+    const sharedProps = {
+        className: (0, utils_js_1.classNames)("gds-scrolling-text", isOverflowing && "gds-scrolling-text--overflow", className),
+        style: mergedStyle,
+        title: resolvedTitle,
+        ...rest,
+    };
+    if (Tag === "div") {
+        return (react_1.default.createElement("div", { ref: (node) => {
+                containerRef.current = node;
+            }, ...sharedProps },
+            react_1.default.createElement("span", { className: "gds-scrolling-text__inner", ref: innerRef }, text)));
+    }
+    return (react_1.default.createElement("span", { ref: (node) => {
+            containerRef.current = node;
+        }, ...sharedProps },
+        react_1.default.createElement("span", { className: "gds-scrolling-text__inner", ref: innerRef }, text)));
+}

package/script/simulator-ui/src/gds/Tabs.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+type TabItem = {
+    id: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    testId?: string;
+    href?: string;
+};
+type TabsProps = {
+    tabs: Array<TabItem>;
+    activeId: string;
+    onChange: (id: string) => void;
+    size?: "small" | "medium" | "large";
+    className?: string;
+    style?: React.CSSProperties;
+    tabClassName?: string;
+};
+export default function Tabs({ tabs, activeId, onChange, size, className, style, tabClassName, }: TabsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/script/simulator-ui/src/gds/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/simulator-ui/src/gds/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,IAAe,EACf,SAAS,EACT,KAAK,EACL,YAAY,GACb,EAAE,SAAS,qBAqDX"}

package/script/simulator-ui/src/gds/Tabs.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Tabs;
+const react_1 = __importDefault(require("react"));
+const Button_js_1 = __importDefault(require("./Button.js"));
+const utils_js_1 = require("../utils.js");
+function Tabs({ tabs, activeId, onChange, size = "medium", className, style, tabClassName, }) {
+    return (react_1.default.createElement("div", { className: (0, utils_js_1.classNames)("tab-anchor-group", className), role: "tablist", style: style },
+        react_1.default.createElement("span", { className: "tab-anchor-indicator", "aria-hidden": "true" }),
+        tabs.map((tab) => {
+            const isActive = tab.id === activeId;
+            const handleClick = (event) => {
+                if (tab.disabled) {
+                    event.preventDefault();
+                    return;
+                }
+                // Let modified clicks keep native anchor behavior (new tab/window).
+                if (tab.href &&
+                    (event.metaKey ||
+                        event.ctrlKey ||
+                        event.shiftKey ||
+                        event.altKey ||
+                        event.button !== 0)) {
+                    return;
+                }
+                event.preventDefault();
+                onChange(tab.id);
+            };
+            return (react_1.default.createElement(Button_js_1.default, { key: tab.id, tab: true, size: size, variant: isActive ? "primary-deemph" : "ghost", className: (0, utils_js_1.classNames)("tab-anchor", isActive && "tab-anchor--active", tabClassName), onClick: handleClick, disabled: tab.disabled, "data-testid": tab.testId, role: "tab", "aria-selected": isActive, href: tab.href }, tab.label));
+        })));
+}

package/script/simulator-ui/src/gds/Tooltip.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export type TooltipSide = "top" | "right" | "bottom" | "left";
+export type TooltipProps = {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: TooltipSide;
+    offset?: number;
+    disabled?: boolean;
+    openDelayMs?: number;
+    closeDelayMs?: number;
+    className?: string;
+    tooltipClassName?: string;
+    id?: string;
+};
+export default function Tooltip(props: TooltipProps): React.JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

package/script/simulator-ui/src/gds/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/simulator-ui/src/gds/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAON,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAO9D,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,qBAiMlD"}

package/script/simulator-ui/src/gds/Tooltip.js

@@ -0,0 +1,181 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Tooltip;
+const dntShim = __importStar(require("../../../_dnt.shims.js"));
+const react_1 = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const utils_js_1 = require("../utils.js");
+function Tooltip(props) {
+    const { content, children, side = "top", offset = 8, disabled = false, openDelayMs = 120, closeDelayMs = 80, className, tooltipClassName, id, } = props;
+    const canUseDom = typeof document !== "undefined" &&
+        typeof dntShim.dntGlobalThis !== "undefined";
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [position, setPosition] = (0, react_1.useState)(null);
+    const anchorRef = (0, react_1.useRef)(null);
+    const tooltipRef = (0, react_1.useRef)(null);
+    const openTimerRef = (0, react_1.useRef)(null);
+    const closeTimerRef = (0, react_1.useRef)(null);
+    const generatedId = (0, react_1.useId)();
+    const tooltipId = id ?? `gds-tooltip-${generatedId}`;
+    const clearOpenTimer = (0, react_1.useCallback)(() => {
+        if (openTimerRef.current === null)
+            return;
+        clearTimeout(openTimerRef.current);
+        openTimerRef.current = null;
+    }, []);
+    const clearCloseTimer = (0, react_1.useCallback)(() => {
+        if (closeTimerRef.current === null)
+            return;
+        clearTimeout(closeTimerRef.current);
+        closeTimerRef.current = null;
+    }, []);
+    const scheduleOpen = (0, react_1.useCallback)(() => {
+        if (disabled || !content)
+            return;
+        clearCloseTimer();
+        clearOpenTimer();
+        openTimerRef.current = setTimeout(() => {
+            setOpen(true);
+            openTimerRef.current = null;
+        }, Math.max(0, openDelayMs));
+    }, [clearCloseTimer, clearOpenTimer, content, disabled, openDelayMs]);
+    const scheduleClose = (0, react_1.useCallback)(() => {
+        clearOpenTimer();
+        clearCloseTimer();
+        closeTimerRef.current = setTimeout(() => {
+            setOpen(false);
+            closeTimerRef.current = null;
+        }, Math.max(0, closeDelayMs));
+    }, [clearCloseTimer, clearOpenTimer, closeDelayMs]);
+    const closeNow = (0, react_1.useCallback)(() => {
+        clearOpenTimer();
+        clearCloseTimer();
+        setOpen(false);
+    }, [clearCloseTimer, clearOpenTimer]);
+    const updatePosition = (0, react_1.useCallback)(() => {
+        const anchor = anchorRef.current;
+        const tooltip = tooltipRef.current;
+        if (!anchor || !tooltip || !canUseDom)
+            return;
+        const anchorRect = anchor.getBoundingClientRect();
+        const tooltipRect = tooltip.getBoundingClientRect();
+        const margin = 8;
+        let nextTop = 0;
+        let nextLeft = 0;
+        if (side === "top") {
+            nextTop = anchorRect.top - offset - tooltipRect.height;
+            nextLeft = anchorRect.left + (anchorRect.width - tooltipRect.width) / 2;
+        }
+        else if (side === "right") {
+            nextTop = anchorRect.top + (anchorRect.height - tooltipRect.height) / 2;
+            nextLeft = anchorRect.right + offset;
+        }
+        else if (side === "bottom") {
+            nextTop = anchorRect.bottom + offset;
+            nextLeft = anchorRect.left + (anchorRect.width - tooltipRect.width) / 2;
+        }
+        else {
+            nextTop = anchorRect.top + (anchorRect.height - tooltipRect.height) / 2;
+            nextLeft = anchorRect.left - offset - tooltipRect.width;
+        }
+        const clampedLeft = Math.min(Math.max(margin, nextLeft), globalThis.innerWidth - tooltipRect.width - margin);
+        const clampedTop = Math.min(Math.max(margin, nextTop), globalThis.innerHeight - tooltipRect.height - margin);
+        setPosition({ top: clampedTop, left: clampedLeft });
+    }, [canUseDom, offset, side]);
+    (0, react_1.useEffect)(() => {
+        if (disabled || !content) {
+            closeNow();
+        }
+    }, [closeNow, content, disabled]);
+    (0, react_1.useLayoutEffect)(() => {
+        if (!open || !canUseDom)
+            return;
+        updatePosition();
+    }, [canUseDom, open, updatePosition]);
+    (0, react_1.useEffect)(() => {
+        if (!open || !canUseDom)
+            return;
+        const handleEscape = (event) => {
+            if (event.key !== "Escape")
+                return;
+            closeNow();
+        };
+        const handleReposition = () => updatePosition();
+        document.addEventListener("keydown", handleEscape);
+        globalThis.addEventListener("resize", handleReposition);
+        globalThis.addEventListener("scroll", handleReposition, true);
+        return () => {
+            document.removeEventListener("keydown", handleEscape);
+            globalThis.removeEventListener("resize", handleReposition);
+            globalThis.removeEventListener("scroll", handleReposition, true);
+        };
+    }, [canUseDom, closeNow, open, updatePosition]);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            clearOpenTimer();
+            clearCloseTimer();
+        };
+    }, [clearCloseTimer, clearOpenTimer]);
+    const childNode = react_1.default.isValidElement(children)
+        ? (() => {
+            const childElement = children;
+            const existing = typeof childElement.props["aria-describedby"] === "string"
+                ? childElement.props["aria-describedby"]
+                : undefined;
+            const nextDescribedBy = (() => {
+                if (disabled || !content)
+                    return existing;
+                if (!existing)
+                    return tooltipId;
+                if (existing.split(" ").includes(tooltipId))
+                    return existing;
+                return `${existing} ${tooltipId}`;
+            })();
+            return react_1.default.cloneElement(childElement, {
+                "aria-describedby": nextDescribedBy,
+            });
+        })()
+        : children;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: (0, utils_js_1.classNames)("gds-tooltip-anchor", className), ref: anchorRef, onMouseEnter: scheduleOpen, onMouseLeave: scheduleClose, onFocusCapture: scheduleOpen, onBlurCapture: (event) => {
+                const relatedTarget = event.relatedTarget;
+                if (relatedTarget && event.currentTarget.contains(relatedTarget))
+                    return;
+                scheduleClose();
+            } }, childNode),
+        canUseDom && open && content &&
+            (0, react_dom_1.createPortal)(react_1.default.createElement("div", { id: tooltipId, role: "tooltip", ref: tooltipRef, className: (0, utils_js_1.classNames)("gds-tooltip", `gds-tooltip--${side}`, tooltipClassName), style: position ?? { top: -9999, left: -9999 }, "aria-hidden": !open }, content), document.body)));
+}

package/script/simulator-ui/src/gds/WorkbenchComposerChip.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+type WorkbenchComposerChipContext = {
+    source: "scenario_run_error" | "grader_run_error";
+    error: string;
+} | {
+    source: "message_rating";
+    score: number;
+    reason?: string;
+} | {
+    source: "grading_flag";
+    message: string;
+    score?: number;
+} | {
+    source: "verify_outlier";
+    message: string;
+    instability?: boolean;
+    score?: number;
+};
+export default function WorkbenchComposerChip(props: Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & ({
+    context: WorkbenchComposerChipContext;
+    enabled: boolean;
+    onEnabledChange: (next: boolean) => void;
+    onRemove?: () => void;
+    testId?: string;
+} | {
+    context: WorkbenchComposerChipContext;
+    enabled?: boolean;
+    onEnabledChange?: (next: boolean) => void;
+    onRemove?: () => void;
+    testId?: string;
+})): React.JSX.Element;
+export {};
+//# sourceMappingURL=WorkbenchComposerChip.d.ts.map

package/script/simulator-ui/src/gds/WorkbenchComposerChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkbenchComposerChip.d.ts","sourceRoot":"","sources":["../../../../src/simulator-ui/src/gds/WorkbenchComposerChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,4BAA4B,GAC7B;IACA,MAAM,EAAE,oBAAoB,GAAG,kBAAkB,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;CACf,GACC;IACA,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GACC;IACA,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GACC;IACA,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA0CJ,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GACtD,CACA;IACE,OAAO,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG;IACF,OAAO,EAAE,4BAA4B,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,qBA0FJ"}

package/script/simulator-ui/src/gds/WorkbenchComposerChip.js

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = WorkbenchComposerChip;
+const react_1 = __importDefault(require("react"));
+const utils_js_1 = require("../utils.js");
+const Icon_js_1 = __importDefault(require("./Icon.js"));
+const Tooltip_js_1 = __importDefault(require("./Tooltip.js"));
+function formatScoreLabel(score) {
+    return score > 0 ? `+${score}` : String(score);
+}
+function formatContextLabel(context) {
+    if (context.source === "scenario_run_error")
+        return "Scenario error";
+    if (context.source === "grader_run_error")
+        return "Grader error";
+    if (context.source === "message_rating") {
+        return formatScoreLabel(context.score);
+    }
+    if (context.source === "verify_outlier")
+        return "Verify";
+    return "Flag";
+}
+function formatContextTooltip(context) {
+    switch (context.source) {
+        case "scenario_run_error":
+        case "grader_run_error":
+            return context.error;
+        case "message_rating":
+            return context.reason?.trim() ||
+                `Rating ${formatScoreLabel(context.score)}`;
+        case "grading_flag":
+        case "verify_outlier":
+            return context.message;
+    }
+}
+function getVerifyOutlierClass(context) {
+    if (typeof context.instability === "boolean") {
+        return (0, utils_js_1.getScoreClass)(context.instability ? -1 : 1);
+    }
+    if (typeof context.score === "number" && Number.isFinite(context.score)) {
+        return (0, utils_js_1.getScoreClass)(context.score);
+    }
+    return (0, utils_js_1.getScoreClass)(0);
+}
+function WorkbenchComposerChip(props) {
+    const { className, context, enabled, onEnabledChange, onRemove, testId, ...rest } = props;
+    const label = formatContextLabel(context);
+    const tooltip = formatContextTooltip(context);
+    const score = "score" in context ? context.score : undefined;
+    const badgeClassName = (0, utils_js_1.classNames)("workbench-context-chip", (context.source === "scenario_run_error" ||
+        context.source === "grader_run_error") && "workbench-context-chip--error", context.source === "grading_flag" && "workbench-context-chip--flag", context.source === "grading_flag" && typeof score === "number" &&
+        (0, utils_js_1.getScoreClass)(score), context.source === "verify_outlier" && "workbench-context-chip--flag", context.source === "verify_outlier" && getVerifyOutlierClass(context), context.source === "message_rating" && "workbench-context-chip--rating", context.source === "message_rating" && typeof score === "number" &&
+        (0, utils_js_1.getScoreClass)(score));
+    const testIds = context.source === "scenario_run_error" ||
+        context.source === "grader_run_error"
+        ? {
+            badge: "workbench-error-chip",
+            toggle: "workbench-error-chip-toggle",
+            remove: "workbench-error-chip-remove",
+        }
+        : null;
+    const showToggle = typeof enabled === "boolean" &&
+        typeof onEnabledChange === "function";
+    const showRemove = typeof onRemove === "function";
+    const isPassive = !showToggle && !showRemove;
+    const content = context.source === "grading_flag"
+        ? react_1.default.createElement(Icon_js_1.default, { name: "flag", size: 10 })
+        : context.source === "verify_outlier"
+            ? "Verify"
+            : label;
+    if (isPassive) {
+        return (react_1.default.createElement(Tooltip_js_1.default, { content: tooltip },
+            react_1.default.createElement("span", { className: (0, utils_js_1.classNames)(badgeClassName, className), "data-testid": testId ?? testIds?.badge, ...rest }, content)));
+    }
+    return (react_1.default.createElement("div", { className: (0, utils_js_1.classNames)("workbench-composer-chip", className), ...rest },
+        react_1.default.createElement(Tooltip_js_1.default, { content: tooltip },
+            react_1.default.createElement("span", { className: badgeClassName, "data-testid": testId ?? testIds?.badge }, content)),
+        showToggle && (react_1.default.createElement("label", { className: "workbench-composer-chip-toggle" },
+            react_1.default.createElement("input", { type: "checkbox", checked: enabled, "aria-label": `${label} context ${enabled ? "on" : "off"}`, onChange: (event) => onEnabledChange(event.target.checked), "data-testid": testIds?.toggle }))),
+        showRemove && (react_1.default.createElement("button", { type: "button", className: "link-button workbench-composer-chip-remove", onClick: onRemove, "aria-label": `Remove ${label} context`, "data-testid": testIds?.remove },
+            react_1.default.createElement(Icon_js_1.default, { name: "times", size: 8 })))));
+}

package/script/simulator-ui/src/gds/icons/Chat.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = React.SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+export declare function ChatIcon({ title, ...props }: IconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Chat.d.ts.map

package/script/simulator-ui/src/gds/icons/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../src/simulator-ui/src/gds/icons/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBA2BtD"}

package/script/simulator-ui/src/gds/icons/Chat.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatIcon = ChatIcon;
+const react_1 = __importDefault(require("react"));
+function ChatIcon({ title, ...props }) {
+    return (react_1.default.createElement("svg", { viewBox: "0 0 18 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+        title && react_1.default.createElement("title", null, title),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.2994 13.6024C15.0659 14.839 13.2216 15.3072 10.8503 15.3072H7.1497C4.77844 15.3072 2.93413 14.839 1.7006 13.6024C0.467066 12.3658 0 10.5169 0 8.13983V7.16737C0 4.79025 0.467066 2.94138 1.7006 1.7048C2.93413 0.46822 4.77844 0 7.1497 0H10.8503C13.2216 0 15.0659 0.46822 16.2994 1.7048C17.5329 2.94138 18 4.79025 18 7.16737V8.13983C18 10.5169 17.5329 12.3658 16.2994 13.6024ZM15.3293 12.6299C16.1796 11.7775 16.6228 10.3849 16.6228 8.13983V7.16737C16.6228 4.92232 16.1677 3.52966 15.3293 2.67726C14.479 1.82486 13.0898 1.38065 10.8503 1.38065H7.1497C4.91018 1.38065 3.52096 1.83686 2.67066 2.67726C1.82036 3.52966 1.37725 4.92232 1.37725 7.16737V8.13983C1.37725 10.3849 1.83234 11.7775 2.67066 12.6299C3.52096 13.4823 4.91018 13.9266 7.1497 13.9266H10.8503C13.0898 13.9266 14.479 13.4703 15.3293 12.6299Z", fill: "currentColor" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.6287 13.2782C15.6287 13.2782 15.7126 14.851 16.8503 16.2676C17.1138 16.6038 16.7904 17.084 16.3832 16.976C14.0718 16.4117 12.0359 14.6949 12.0359 14.6949L15.6287 13.2662V13.2782Z", fill: "currentColor" }),
+        react_1.default.createElement("path", { d: "M12.1916 8.42801C12.7186 8.42801 13.0539 8.04383 13.0539 7.51558C13.0539 6.98733 12.7066 6.60315 12.2036 6.60315C11.7006 6.60315 11.3413 6.97532 11.3413 7.51558C11.3413 8.05583 11.6886 8.42801 12.1916 8.42801ZM9.22156 8.42801C9.7485 8.42801 10.0838 8.04383 10.0838 7.51558C10.0838 6.98733 9.73653 6.60315 9.23353 6.60315C8.73054 6.60315 8.37126 6.97532 8.37126 7.51558C8.37126 8.05583 8.71856 8.42801 9.22156 8.42801ZM6.23952 8.42801C6.76647 8.42801 7.1018 8.04383 7.1018 7.51558C7.1018 6.98733 6.75449 6.60315 6.2515 6.60315C5.7485 6.60315 5.38922 6.97532 5.38922 7.51558C5.38922 8.05583 5.73653 8.42801 6.23952 8.42801Z", fill: "currentColor" })));
+}

package/script/simulator-ui/src/gds/icons/ChevronDown.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = React.SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+export declare function ChevronDownIcon({ title, ...props }: IconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ChevronDown.d.ts.map

package/script/simulator-ui/src/gds/icons/ChevronDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDown.d.ts","sourceRoot":"","sources":["../../../../../src/simulator-ui/src/gds/icons/ChevronDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAe7D"}

package/script/simulator-ui/src/gds/icons/ChevronDown.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronDownIcon = ChevronDownIcon;
+const react_1 = __importDefault(require("react"));
+function ChevronDownIcon({ title, ...props }) {
+    return (react_1.default.createElement("svg", { viewBox: "0 0 7 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+        title && react_1.default.createElement("title", null, title),
+        react_1.default.createElement("path", { d: "M6.8648 1.05185L3.95833 3.95833C3.83482 4.08183 3.67838 4.13947 3.52194 4.13947C3.3655 4.13947 3.20906 4.08183 3.08556 3.95833L0.179082 1.05185C-0.059694 0.813073 -0.059694 0.417858 0.179082 0.179082C0.417858 -0.059694 0.813073 -0.059694 1.05185 0.179082L3.52194 2.64918L5.99204 0.179082C6.23081 -0.059694 6.62603 -0.059694 6.8648 0.179082C7.10358 0.417858 7.10358 0.804839 6.8648 1.05185Z", fill: "currentColor" })));
+}

package/script/simulator-ui/src/gds/icons/CircleInfo.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type IconProps = React.SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+export declare function CircleInfoIcon({ title, ...props }: IconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CircleInfo.d.ts.map

package/script/simulator-ui/src/gds/icons/CircleInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleInfo.d.ts","sourceRoot":"","sources":["../../../../../src/simulator-ui/src/gds/icons/CircleInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAmB5D"}