@pie-players/pie-assessment-toolkit 0.2.7 → 0.2.9

package/dist/tools/registrations/accessibility-tools.js

@@ -2,71 +2,17 @@
  * Accessibility Tools Registrations
  *
  * Registers tools for visual accessibility and reading support:
- * - Magnifier (zoom lens)
  * - Line Reader (reading guide)
  * - Color Scheme (theme/contrast)
  * - Annotation Toolbar (text highlighting)
  *
  * Maps to QTI 3.0 standard access features from:
- * - visual category: magnification, highContrastDisplay, colorContrast
+ * - visual category: highContrastDisplay, colorContrast
  * - reading category: readingMask, readingGuide, highlighting
  */
 import { hasReadableText } from "../../services/tool-context.js";
+import { createScopedToolId } from "../../services/tool-instance-id.js";
 import { createToolElement, } from "../tool-tag-map.js";
-/**
- * Magnifier tool registration
- *
- * Provides a draggable zoom lens for visual accessibility.
- * Global tool that works across entire assessment.
- */
-export const magnifierToolRegistration = {
-    toolId: "magnifier",
-    name: "Magnifier",
-    description: "Zoom lens for visual accessibility",
-    icon: "magnifying-glass",
-    // Magnifier is assessment-wide (global)
-    supportedLevels: ["assessment", "section"],
-    // PNP support IDs
-    // Maps to QTI 3.0 standard features: magnification, screenMagnifier, zoomable
-    pnpSupportIds: [
-        "magnification", // QTI 3.0 standard (visual.magnification)
-        "screenMagnifier", // QTI 3.0 standard (visual.screenMagnifier)
-        "zoomable", // QTI 3.0 standard (visual.zoomable)
-        "magnifier", // Common variant
-        "zoom", // Common variant
-        "visualZoom", // Common variant
-    ],
-    /**
-     * Pass 2: Magnifier is always relevant when allowed
-     */
-    isVisibleInContext(context) {
-        return true; // Always show if allowed by orchestrator
-    },
-    createButton(context, options) {
-        return {
-            toolId: this.toolId,
-            label: this.name,
-            icon: typeof this.icon === "function" ? this.icon(context) : this.icon,
-            disabled: options.disabled || false,
-            ariaLabel: options.ariaLabel || "Magnifier - Zoom in on content",
-            tooltip: options.tooltip || "Magnifier",
-            onClick: options.onClick || (() => { }),
-            className: options.className,
-        };
-    },
-    createToolInstance(context, options) {
-        const componentOverrides = options.config ?? {};
-        const magnifier = createToolElement(this.toolId, context, options, componentOverrides);
-        magnifier.visible = true;
-        if (options.config?.toolkitCoordinator) {
-            magnifier.toolkitCoordinator = options.config.toolkitCoordinator;
-        }
-        if (options.onClose) {
-            magnifier.addEventListener("close", options.onClose);
-        }
-        return magnifier;
-    },
-};
 /**
  * Line Reader tool registration
  *
@@ -95,29 +41,41 @@ export const lineReaderToolRegistration = {
     isVisibleInContext(context) {
         return hasReadableText(context);
     },
-    createButton(context, options) {
-        return {
+    renderToolbar(context, toolbarContext) {
+        const fullToolId = createScopedToolId(this.toolId, "item", toolbarContext.itemId);
+        const button = {
             toolId: this.toolId,
             label: this.name,
             icon: typeof this.icon === "function" ? this.icon(context) : this.icon,
-            disabled: options.disabled || false,
-            ariaLabel: options.ariaLabel || "Line reader - Reading guide",
-            tooltip: options.tooltip || "Line Reader",
-            onClick: options.onClick || (() => { }),
-            className: options.className,
+            disabled: false,
+            ariaLabel: "Line reader - Reading guide",
+            tooltip: "Line Reader",
+            onClick: () => toolbarContext.toggleTool(this.toolId),
+            active: toolbarContext.isToolVisible(fullToolId),
+        };
+        const componentOverrides = toolbarContext.componentOverrides ?? {};
+        const overlay = createToolElement(this.toolId, context, toolbarContext, componentOverrides);
+        overlay.setAttribute("tool-id", fullToolId);
+        return {
+            toolId: this.toolId,
+            button,
+            overlayElement: overlay,
+            sync: () => {
+                const active = toolbarContext.isToolVisible(fullToolId);
+                button.active = active;
+                overlay.visible = active;
+                if (toolbarContext.toolkitCoordinator) {
+                    overlay.toolkitCoordinator = toolbarContext.toolkitCoordinator;
+                }
+            },
+            subscribeActive: (callback) => {
+                if (!toolbarContext.subscribeVisibility)
+                    return () => { };
+                return toolbarContext.subscribeVisibility(() => {
+                    callback(toolbarContext.isToolVisible(fullToolId));
+                });
+            },
         };
-    },
-    createToolInstance(context, options) {
-        const componentOverrides = options.config ?? {};
-        const lineReader = createToolElement(this.toolId, context, options, componentOverrides);
-        lineReader.visible = true;
-        if (options.config?.toolkitCoordinator) {
-            lineReader.toolkitCoordinator = options.config.toolkitCoordinator;
-        }
-        if (options.onClose) {
-            lineReader.addEventListener("close", options.onClose);
-        }
-        return lineReader;
     },
 };
 /**
@@ -149,29 +107,41 @@ export const colorSchemeToolRegistration = {
     isVisibleInContext(context) {
         return true; // Always show if allowed by orchestrator
     },
-    createButton(context, options) {
-        return {
+    renderToolbar(context, toolbarContext) {
+        const fullToolId = createScopedToolId(this.toolId, "item", toolbarContext.itemId);
+        const button = {
             toolId: this.toolId,
             label: this.name,
             icon: typeof this.icon === "function" ? this.icon(context) : this.icon,
-            disabled: options.disabled || false,
-            ariaLabel: options.ariaLabel || "Color scheme - Change colors and contrast",
-            tooltip: options.tooltip || "Color Scheme",
-            onClick: options.onClick || (() => { }),
-            className: options.className,
+            disabled: false,
+            ariaLabel: "Color scheme - Change colors and contrast",
+            tooltip: "Color Scheme",
+            onClick: () => toolbarContext.toggleTool(this.toolId),
+            active: toolbarContext.isToolVisible(fullToolId),
+        };
+        const componentOverrides = toolbarContext.componentOverrides ?? {};
+        const overlay = createToolElement(this.toolId, context, toolbarContext, componentOverrides);
+        overlay.setAttribute("tool-id", fullToolId);
+        return {
+            toolId: this.toolId,
+            button,
+            overlayElement: overlay,
+            sync: () => {
+                const active = toolbarContext.isToolVisible(fullToolId);
+                button.active = active;
+                overlay.visible = active;
+                if (toolbarContext.toolkitCoordinator) {
+                    overlay.toolkitCoordinator = toolbarContext.toolkitCoordinator;
+                }
+            },
+            subscribeActive: (callback) => {
+                if (!toolbarContext.subscribeVisibility)
+                    return () => { };
+                return toolbarContext.subscribeVisibility(() => {
+                    callback(toolbarContext.isToolVisible(fullToolId));
+                });
+            },
         };
-    },
-    createToolInstance(context, options) {
-        const componentOverrides = options.config ?? {};
-        const colorScheme = createToolElement(this.toolId, context, options, componentOverrides);
-        colorScheme.visible = true;
-        if (options.config?.toolkitCoordinator) {
-            colorScheme.toolkitCoordinator = options.config.toolkitCoordinator;
-        }
-        if (options.onClose) {
-            colorScheme.addEventListener("close", options.onClose);
-        }
-        return colorScheme;
     },
 };
 /**
@@ -202,29 +172,41 @@ export const annotationToolbarRegistration = {
     isVisibleInContext(context) {
         return hasReadableText(context);
     },
-    createButton(context, options) {
-        return {
+    renderToolbar(context, toolbarContext) {
+        const fullToolId = createScopedToolId(this.toolId, "item", toolbarContext.itemId);
+        const button = {
             toolId: this.toolId,
             label: this.name,
             icon: typeof this.icon === "function" ? this.icon(context) : this.icon,
-            disabled: options.disabled || false,
-            ariaLabel: options.ariaLabel || "Annotation toolbar - Highlight text",
-            tooltip: options.tooltip || "Highlight",
-            onClick: options.onClick || (() => { }),
-            className: options.className,
+            disabled: false,
+            ariaLabel: "Annotation toolbar - Highlight text",
+            tooltip: "Highlight",
+            onClick: () => toolbarContext.toggleTool(this.toolId),
+            active: toolbarContext.isToolVisible(fullToolId),
+        };
+        const componentOverrides = toolbarContext.componentOverrides ?? {};
+        const overlay = createToolElement(this.toolId, context, toolbarContext, componentOverrides);
+        overlay.setAttribute("tool-id", fullToolId);
+        return {
+            toolId: this.toolId,
+            button,
+            overlayElement: overlay,
+            sync: () => {
+                const active = toolbarContext.isToolVisible(fullToolId);
+                button.active = active;
+                overlay.visible = active;
+                if (toolbarContext.toolkitCoordinator) {
+                    overlay.toolkitCoordinator = toolbarContext.toolkitCoordinator;
+                }
+            },
+            subscribeActive: (callback) => {
+                if (!toolbarContext.subscribeVisibility)
+                    return () => { };
+                return toolbarContext.subscribeVisibility(() => {
+                    callback(toolbarContext.isToolVisible(fullToolId));
+                });
+            },
         };
-    },
-    createToolInstance(context, options) {
-        const componentOverrides = options.config ?? {};
-        const toolbar = createToolElement(this.toolId, context, options, componentOverrides);
-        toolbar.visible = true;
-        if (options.config?.toolkitCoordinator) {
-            toolbar.toolkitCoordinator = options.config.toolkitCoordinator;
-        }
-        if (options.onClose) {
-            toolbar.addEventListener("close", options.onClose);
-        }
-        return toolbar;
     },
 };
 //# sourceMappingURL=accessibility-tools.js.map

package/dist/tools/registrations/accessibility-tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility-tools.js","sourceRoot":"","sources":["../../../src/tools/registrations/accessibility-tools.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"accessibility-tools.js","sourceRoot":"","sources":["../../../src/tools/registrations/accessibility-tools.ts"],"names":[],"mappings":"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"}

package/dist/tools/registrations/calculator.d.ts

@@ -14,8 +14,8 @@ import type { ToolRegistration } from "../../services/ToolRegistry.js";
  *
  * Supports:
  * - Basic, scientific, and graphing calculators via Desmos
- * - Context-aware visibility (shows when math content is detected)
- * - All levels except assessment (section, item, passage, rubric, element)
+ * - Context-aware visibility (shows only when math content is detected)
+ * - Item level only
  */
 export declare const calculatorToolRegistration: ToolRegistration;
 //# sourceMappingURL=calculator.d.ts.map

package/dist/tools/registrations/calculator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calculator.d.ts","sourceRoot":"","sources":["../../../src/tools/registrations/calculator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EACX,gBAAgB,EAIhB,MAAM,gCAAgC,CAAC;AAQxC;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,EAAE,gBA4GxC,CAAC"}
+{"version":3,"file":"calculator.d.ts","sourceRoot":"","sources":["../../../src/tools/registrations/calculator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EACX,gBAAgB,EAGhB,MAAM,gCAAgC,CAAC;AAMxC;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,EAAE,gBA6ExC,CAAC"}

package/dist/tools/registrations/calculator.js

@@ -9,22 +9,23 @@
  * - graphingCalculator (assessment tool)
  */
 import { hasMathContent } from "../../services/tool-context.js";
-import { createToolElement, } from "../tool-tag-map.js";
+import { createScopedToolId } from "../../services/tool-instance-id.js";
+import { createToolElement } from "../tool-tag-map.js";
 /**
  * Calculator tool registration
  *
  * Supports:
  * - Basic, scientific, and graphing calculators via Desmos
- * - Context-aware visibility (shows when math content is detected)
- * - All levels except assessment (section, item, passage, rubric, element)
+ * - Context-aware visibility (shows only when math content is detected)
+ * - Item level only
  */
 export const calculatorToolRegistration = {
     toolId: "calculator",
     name: "Calculator",
     description: "Multi-type calculator (basic, scientific, graphing)",
     icon: "calculator",
-    // Calculator can appear at all levels except assessment
-    supportedLevels: ["section", "item", "passage", "rubric", "element"],
+    // Calculator is item-level in this player architecture.
+    supportedLevels: ["item"],
     // PNP support IDs that enable this tool
     // Maps to QTI 3.0 standard features: calculator, graphingCalculator
     pnpSupportIds: [
@@ -36,63 +37,41 @@ export const calculatorToolRegistration = {
     /**
      * Pass 2: Determine if calculator is relevant in this context
      *
-     * Calculator is relevant when:
-     * - Context contains mathematical content (MathML, LaTeX, arithmetic)
-     * - Section/item level (always show - student might need for any problem)
+     * Calculator is relevant when context contains mathematical content
+     * (MathML, LaTeX, arithmetic markers).
      */
     isVisibleInContext(context) {
-        // At section/item level, always show (student might need it)
-        if (context.level === "section" || context.level === "item") {
-            return true;
-        }
-        // At passage/rubric/element level, show if math content detected
+        // Show only when math is present in item content.
         return hasMathContent(context);
     },
-    /**
-     * Create calculator button for toolbar
-     */
-    createButton(context, options) {
-        const icon = typeof this.icon === "function" ? this.icon(context) : this.icon;
+    renderToolbar(context, toolbarContext) {
+        const fullToolId = createScopedToolId(this.toolId, "item", toolbarContext.itemId);
+        const componentOverrides = toolbarContext.componentOverrides;
+        const overlay = createToolElement(this.toolId, context, toolbarContext, componentOverrides);
+        overlay.setAttribute("tool-id", fullToolId);
+        const inline = document.createElement("pie-tool-calculator-inline");
+        inline.setAttribute("tool-id", createScopedToolId(this.toolId, "item", toolbarContext.itemId, "inline"));
+        inline.setAttribute("target-tool-id", fullToolId);
+        inline.setAttribute("calculator-type", "scientific");
+        inline.setAttribute("available-types", "basic,scientific,graphing");
+        inline.setAttribute("size", toolbarContext.ui?.size || "md");
         return {
             toolId: this.toolId,
-            label: this.name,
-            icon: icon,
-            disabled: options.disabled || false,
-            ariaLabel: options.ariaLabel ||
-                "Open calculator - Press to activate calculator tool",
-            tooltip: options.tooltip || "Calculator",
-            onClick: options.onClick || (() => { }),
-            className: options.className,
+            inlineElement: inline,
+            overlayElement: overlay,
+            button: null,
+            sync: () => {
+                const active = toolbarContext.isToolVisible(fullToolId);
+                overlay.visible = active;
+            },
+            subscribeActive: (callback) => {
+                if (!toolbarContext.subscribeVisibility)
+                    return () => { };
+                return toolbarContext.subscribeVisibility(() => {
+                    callback(toolbarContext.isToolVisible(fullToolId));
+                });
+            },
         };
     },
-    /**
-     * Create calculator tool instance
-     *
-     * Creates a <pie-tool-calculator> web component and initializes it.
-     */
-    createToolInstance(context, options) {
-        const componentOverrides = options.config ?? {};
-        const calculator = createToolElement(this.toolId, context, options, componentOverrides);
-        // Set default calculator type (can be overridden via config)
-        const calculatorType = options.config?.calculatorType || "scientific";
-        const availableTypes = options.config?.availableTypes || [
-            "basic",
-            "scientific",
-            "graphing",
-        ];
-        // Configure calculator
-        calculator.visible = true;
-        calculator.calculatorType = calculatorType;
-        calculator.availableTypes = availableTypes;
-        // Pass toolkit coordinator if available from context
-        if (options.config?.toolkitCoordinator) {
-            calculator.toolkitCoordinator = options.config.toolkitCoordinator;
-        }
-        // Handle close callback
-        if (options.onClose) {
-            calculator.addEventListener("close", options.onClose);
-        }
-        return calculator;
-    },
 };
 //# sourceMappingURL=calculator.js.map

package/dist/tools/registrations/calculator.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculator.js","sourceRoot":"","sources":["../../../src/tools/registrations/calculator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AASH,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EACN,iBAAiB,GAEjB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAqB;IAC3D,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,qDAAqD;IAClE,IAAI,EAAE,YAAY;IAElB,wDAAwD;IACxD,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;IAEpE,wCAAwC;IACxC,oEAAoE;IACpE,aAAa,EAAE;QACd,YAAY,EAAE,0CAA0C;QACxD,oBAAoB,EAAE,mDAAmD;QACzE,iBAAiB,EAAE,iBAAiB;QACpC,sBAAsB,EAAE,iBAAiB;KACzC;IAED;;;;;;OAMG;IACH,kBAAkB,CAAC,OAAoB;QACtC,6DAA6D;QAC7D,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;YAC7D,OAAO,IAAI,CAAC;QACb,CAAC;QAED,iEAAiE;QACjE,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;IAED;;OAEG;IACH,YAAY,CACX,OAAoB,EACpB,OAA0B;QAE1B,MAAM,IAAI,GACT,OAAO,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAElE,OAAO;YACN,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,IAAI,CAAC,IAAI;YAChB,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,KAAK;YACnC,SAAS,EACR,OAAO,CAAC,SAAS;gBACjB,qDAAqD;YACtD,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,YAAY;YACxC,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;YACtC,SAAS,EAAE,OAAO,CAAC,SAAS;SAC5B,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CACjB,OAAoB,EACpB,OAA4B;QAE5B,MAAM,kBAAkB,GACtB,OAAO,CAAC,MAA6C,IAAI,EAAE,CAAC;QAC9D,MAAM,UAAU,GAAG,iBAAiB,CACnC,IAAI,CAAC,MAAM,EACX,OAAO,EACP,OAAO,EACP,kBAAkB,CAMlB,CAAC;QAEF,6DAA6D;QAC7D,MAAM,cAAc,GAClB,OAAO,CAAC,MAAM,EAAE,cAAyB,IAAI,YAAY,CAAC;QAC5D,MAAM,cAAc,GAAI,OAAO,CAAC,MAAM,EAAE,cAA2B,IAAI;YACtE,OAAO;YACP,YAAY;YACZ,UAAU;SACV,CAAC;QAEF,uBAAuB;QACvB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,UAAU,CAAC,cAAc,GAAG,cAAc,CAAC;QAC3C,UAAU,CAAC,cAAc,GAAG,cAAc,CAAC;QAE3C,qDAAqD;QACrD,IAAI,OAAO,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC;YACxC,UAAU,CAAC,kBAAkB,GAAG,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAC;QACnE,CAAC;QAED,wBAAwB;QACxB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACrB,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACvD,CAAC;QAED,OAAO,UAAU,CAAC;IACnB,CAAC;CACD,CAAC"}
+{"version":3,"file":"calculator.js","sourceRoot":"","sources":["../../../src/tools/registrations/calculator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAQH,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAqB;IAC3D,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,qDAAqD;IAClE,IAAI,EAAE,YAAY;IAElB,wDAAwD;IACxD,eAAe,EAAE,CAAC,MAAM,CAAC;IAEzB,wCAAwC;IACxC,oEAAoE;IACpE,aAAa,EAAE;QACd,YAAY,EAAE,0CAA0C;QACxD,oBAAoB,EAAE,mDAAmD;QACzE,iBAAiB,EAAE,iBAAiB;QACpC,sBAAsB,EAAE,iBAAiB;KACzC;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,OAAoB;QACtC,kDAAkD;QAClD,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;IAED,aAAa,CACZ,OAAoB,EACpB,cAA8B;QAE9B,MAAM,UAAU,GAAG,kBAAkB,CACpC,IAAI,CAAC,MAAM,EACX,MAAM,EACN,cAAc,CAAC,MAAM,CACrB,CAAC;QACF,MAAM,kBAAkB,GAAG,cAAc,CAAC,kBAAkB,CAAC;QAC7D,MAAM,OAAO,GAAG,iBAAiB,CAChC,IAAI,CAAC,MAAM,EACX,OAAO,EACP,cAAc,EACd,kBAAkB,CAIlB,CAAC;QACF,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAE5C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACpE,MAAM,CAAC,YAAY,CAClB,SAAS,EACT,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CACxE,CAAC;QACF,MAAM,CAAC,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;QAClD,MAAM,CAAC,YAAY,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;QACrD,MAAM,CAAC,YAAY,CAAC,iBAAiB,EAAE,2BAA2B,CAAC,CAAC;QACpE,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC;QAE7D,OAAO;YACN,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,aAAa,EAAE,MAAM;YACrB,cAAc,EAAE,OAAO;YACvB,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,GAAG,EAAE;gBACV,MAAM,MAAM,GAAG,cAAc,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;gBACxD,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC;YAC1B,CAAC;YACD,eAAe,EAAE,CAAC,QAAmC,EAAE,EAAE;gBACxD,IAAI,CAAC,cAAc,CAAC,mBAAmB;oBAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;gBACzD,OAAO,cAAc,CAAC,mBAAmB,CAAC,GAAG,EAAE;oBAC9C,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;gBACpD,CAAC,CAAC,CAAC;YACJ,CAAC;SACD,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/tools/registrations/interaction-tools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interaction-tools.d.ts","sourceRoot":"","sources":["../../../src/tools/registrations/interaction-tools.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EACX,gBAAgB,EAIhB,MAAM,gCAAgC,CAAC;AAWxC;;;;;GAKG;AACH,eAAO,MAAM,gCAAgC,EAAE,gBAiF9C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,EAAE,gBAkEzC,CAAC"}
+{"version":3,"file":"interaction-tools.d.ts","sourceRoot":"","sources":["../../../src/tools/registrations/interaction-tools.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EACX,gBAAgB,EAIhB,MAAM,gCAAgC,CAAC;AAYxC;;;;;GAKG;AACH,eAAO,MAAM,gCAAgC,EAAE,gBA4F9C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,EAAE,gBA0EzC,CAAC"}

package/dist/tools/registrations/interaction-tools.js

@@ -11,6 +11,7 @@
  * - highlighting (cognitive/reading support)
  */
 import { hasChoiceInteraction, hasReadableText, } from "../../services/tool-context.js";
+import { createScopedToolId } from "../../services/tool-instance-id.js";
 import { createToolElement, } from "../tool-tag-map.js";
 /**
  * Answer Eliminator tool registration
@@ -23,8 +24,8 @@ export const answerEliminatorToolRegistration = {
     name: "Answer Eliminator",
     description: "Strike through answer choices",
     icon: "strikethrough",
-    // Answer eliminator appears at item and element level
-    supportedLevels: ["item", "element"],
+    // Answer eliminator appears at item level only
+    supportedLevels: ["item"],
     // PNP support IDs
     // Maps to QTI 3.0 standard feature: answerMasking
     pnpSupportIds: [
@@ -39,37 +40,51 @@ export const answerEliminatorToolRegistration = {
     isVisibleInContext(context) {
         return hasChoiceInteraction(context);
     },
-    createButton(context, options) {
-        return {
+    renderToolbar(context, toolbarContext) {
+        const fullToolId = createScopedToolId(this.toolId, "item", toolbarContext.itemId);
+        const componentOverrides = toolbarContext.componentOverrides ?? {};
+        const overlay = createToolElement(this.toolId, context, toolbarContext, componentOverrides);
+        overlay.setAttribute("tool-id", fullToolId);
+        overlay.setAttribute("strategy", "strikethrough");
+        overlay.setAttribute("button-alignment", "inline");
+        const button = {
             toolId: this.toolId,
             label: this.name,
-            icon: typeof this.icon === "function" ? this.icon(context) : this.icon,
-            disabled: options.disabled || false,
-            ariaLabel: options.ariaLabel || "Answer eliminator - Strike through choices",
-            tooltip: options.tooltip || "Strike Through",
-            onClick: options.onClick || (() => { }),
-            className: options.className,
+            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="currentColor" aria-hidden="true"><path d="M19,3H16.3H7.7H5A2,2 0 0,0 3,5V7.7V16.4V19A2,2 0 0,0 5,21H7.7H16.4H19A2,2 0 0,0 21,19V16.3V7.7V5A2,2 0 0,0 19,3M15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4L13.4,12L17,15.6L15.6,17Z"/></svg>',
+            disabled: false,
+            ariaLabel: "Answer eliminator - Strike through choices",
+            tooltip: "Strike Through",
+            onClick: () => toolbarContext.toggleTool(this.toolId),
+            active: toolbarContext.isToolVisible(fullToolId),
+        };
+        return {
+            toolId: this.toolId,
+            button,
+            overlayElement: overlay,
+            sync: () => {
+                const active = toolbarContext.isToolVisible(fullToolId);
+                button.active = active;
+                overlay.visible = active;
+                if (toolbarContext.toolCoordinator) {
+                    overlay.coordinator = toolbarContext.toolCoordinator;
+                }
+                overlay.scopeElement = toolbarContext.getScopeElement?.() || null;
+                if (toolbarContext.elementToolStateStore) {
+                    overlay.elementToolStateStore = toolbarContext.elementToolStateStore;
+                }
+                const globalElementId = toolbarContext.getGlobalElementId?.();
+                if (globalElementId) {
+                    overlay.globalElementId = globalElementId;
+                }
+            },
+            subscribeActive: (callback) => {
+                if (!toolbarContext.subscribeVisibility)
+                    return () => { };
+                return toolbarContext.subscribeVisibility(() => {
+                    callback(toolbarContext.isToolVisible(fullToolId));
+                });
+            },
         };
-    },
-    createToolInstance(context, options) {
-        const componentOverrides = options.config ?? {};
-        const answerEliminator = createToolElement(this.toolId, context, options, componentOverrides);
-        answerEliminator.visible = true;
-        answerEliminator.toolId = this.toolId;
-        if (options.config?.toolkitCoordinator) {
-            answerEliminator.coordinator = options.config.toolkitCoordinator;
-        }
-        if (options.config?.elementToolStateStore) {
-            answerEliminator.elementToolStateStore =
-                options.config.elementToolStateStore;
-        }
-        if (typeof options.config?.globalElementId === "string") {
-            answerEliminator.globalElementId = options.config.globalElementId;
-        }
-        if (options.onClose) {
-            answerEliminator.addEventListener("close", options.onClose);
-        }
-        return answerEliminator;
     },
 };
 /**
@@ -93,32 +108,42 @@ export const highlighterToolRegistration = {
     isVisibleInContext(context) {
         return hasReadableText(context);
     },
-    createButton(context, options) {
-        return {
+    renderToolbar(context, toolbarContext) {
+        const fullToolId = createScopedToolId(this.toolId, "item", toolbarContext.itemId);
+        const button = {
             toolId: this.toolId,
             label: this.name,
             icon: typeof this.icon === "function" ? this.icon(context) : this.icon,
-            disabled: options.disabled || false,
-            ariaLabel: options.ariaLabel || "Highlighter - Highlight text",
-            tooltip: options.tooltip || "Highlight",
-            onClick: options.onClick || (() => { }),
-            className: options.className,
+            disabled: false,
+            ariaLabel: "Highlighter - Highlight text",
+            tooltip: "Highlight",
+            onClick: () => toolbarContext.toggleTool(this.toolId),
+            active: toolbarContext.isToolVisible(fullToolId),
+        };
+        const componentOverrides = toolbarContext.componentOverrides ?? {};
+        const overlay = createToolElement(this.toolId, context, toolbarContext, componentOverrides);
+        overlay.setAttribute("tool-id", fullToolId);
+        return {
+            toolId: this.toolId,
+            button,
+            overlayElement: overlay,
+            sync: () => {
+                const active = toolbarContext.isToolVisible(fullToolId);
+                button.active = active;
+                overlay.enabled = active;
+                overlay.visible = active;
+                if (toolbarContext.ttsService) {
+                    overlay.ttsService = toolbarContext.ttsService;
+                }
+            },
+            subscribeActive: (callback) => {
+                if (!toolbarContext.subscribeVisibility)
+                    return () => { };
+                return toolbarContext.subscribeVisibility(() => {
+                    callback(toolbarContext.isToolVisible(fullToolId));
+                });
+            },
         };
-    },
-    createToolInstance(context, options) {
-        const componentOverrides = options.config ?? {};
-        const highlighter = createToolElement(this.toolId, context, options, componentOverrides);
-        highlighter.enabled = true;
-        if (options.config?.highlightCoordinator) {
-            highlighter.highlightCoordinator = options.config.highlightCoordinator;
-        }
-        if (options.config?.ttsService) {
-            highlighter.ttsService = options.config.ttsService;
-        }
-        if (options.onClose) {
-            highlighter.addEventListener("close", options.onClose);
-        }
-        return highlighter;
     },
 };
 //# sourceMappingURL=interaction-tools.js.map