pptx-react-viewer 1.17.0 → 1.17.1

package/dist/{chunk-XW5OMXW6.js → chunk-WH7YXV3I.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk3P6O7ZDM_js = require('./chunk-3P6O7ZDM.js');
+var chunkSXCO5HHN_js = require('./chunk-SXCO5HHN.js');
 var chunkJWS3RQKN_js = require('./chunk-JWS3RQKN.js');
-var chunkWGLJ32FW_js = require('./chunk-WGLJ32FW.js');
+var chunkIZXN663G_js = require('./chunk-IZXN663G.js');
 var chunkMGLRKGCH_js = require('./chunk-MGLRKGCH.js');
 var React5 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -44,7 +44,7 @@ function CollaborationProvider({
   canvasHeight,
   children
 }) {
-  const value = chunk3P6O7ZDM_js.useCollaborativeState({
+  const value = chunkSXCO5HHN_js.useCollaborativeState({
     config,
     canvasWidth,
     canvasHeight
@@ -250,6 +250,7 @@ function CollaborationStatusIndicator({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      role: "status",
       "data-testid": "collaboration-status",
       className: "flex items-center gap-1.5",
       "aria-label": t("pptx.collaboration.statusAriaLabel", {
@@ -472,7 +473,7 @@ function LoadingState({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk3P6O7ZDM_js.cn(
+      className: chunkSXCO5HHN_js.cn(
         "h-full w-full flex items-center justify-center text-muted-foreground",
         className
       ),
@@ -487,7 +488,7 @@ function ErrorState({ className, error }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk3P6O7ZDM_js.cn(
+      className: chunkSXCO5HHN_js.cn(
         "h-full w-full flex items-center justify-center p-6 text-center text-red-400",
         className
       ),
@@ -518,7 +519,7 @@ function ShortcutPanel({ isOpen, onClose }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-y-auto p-2 space-y-1", children: chunk3P6O7ZDM_js.SHORTCUT_REFERENCE_ITEMS.map((shortcut) => /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-y-auto p-2 space-y-1", children: chunkSXCO5HHN_js.SHORTCUT_REFERENCE_ITEMS.map((shortcut) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: "flex items-center justify-between gap-3 rounded bg-muted/80 px-2 py-1.5",
@@ -578,14 +579,14 @@ function AccessibilityPanel({
               "aria-label": t("pptx.accessibility.reduceMotion"),
               "aria-checked": reducedMotion ?? false,
               onClick: onToggleReducedMotion,
-              className: chunk3P6O7ZDM_js.cn(
+              className: chunkSXCO5HHN_js.cn(
                 "relative inline-flex h-5 w-9 items-center rounded-full transition-colors",
                 reducedMotion ? "bg-primary" : "bg-muted-foreground/30"
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunk3P6O7ZDM_js.cn(
+                  className: chunkSXCO5HHN_js.cn(
                     "inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform",
                     reducedMotion ? "translate-x-4" : "translate-x-0.5"
                   )
@@ -604,7 +605,7 @@ function AccessibilityPanel({
               "div",
               {
                 role: "listitem",
-                className: chunk3P6O7ZDM_js.cn(
+                className: chunkSXCO5HHN_js.cn(
                   "flex items-start gap-2 rounded px-2 py-1.5 text-xs",
                   /* Severity-based background and text colouring */
                   issue.severity === "error" ? "bg-red-900/30 text-red-300" : issue.severity === "warning" ? "bg-amber-900/30 text-amber-300" : "bg-muted/50 text-muted-foreground"
@@ -725,7 +726,7 @@ function StatusBar({
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "shrink-0 max-md:hidden",
           autosaveStatus?.state === "error" ? "text-red-400" : autosaveStatus?.state === "saving" ? "text-yellow-400" : ""
         ),
@@ -738,7 +739,7 @@ function StatusBar({
       {
         type: "button",
         onClick: onToggleNotes,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           vb,
           "flex items-center gap-1 text-[10px]",
           isNotesExpanded && "text-primary"
@@ -758,7 +759,7 @@ function StatusBar({
         {
           type: "button",
           onClick: () => onSetMode("edit"),
-          className: chunk3P6O7ZDM_js.cn(vb, mode === "edit" && "text-primary"),
+          className: chunkSXCO5HHN_js.cn(vb, mode === "edit" && "text-primary"),
           title: t("pptx.statusBar.normalView"),
           "aria-label": t("pptx.statusBar.normalView"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuMonitor, { className: "w-3.5 h-3.5" })
@@ -780,7 +781,7 @@ function StatusBar({
         {
           type: "button",
           onClick: () => onSetMode("present"),
-          className: chunk3P6O7ZDM_js.cn(vb, mode === "present" && "text-primary"),
+          className: chunkSXCO5HHN_js.cn(vb, mode === "present" && "text-primary"),
           title: t("pptx.statusBar.slideShow"),
           "aria-label": t("pptx.statusBar.slideShow"),
           children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPresentation, { className: "w-3.5 h-3.5" })
@@ -870,7 +871,7 @@ function ResizeHandle({
     {
       role: "separator",
       "aria-orientation": direction,
-      className: chunk3P6O7ZDM_js.cn(
+      className: chunkSXCO5HHN_js.cn(
         // Outer container: generous hit area for easy clicking.
         // The visible indicator is rendered via the inner pseudo-element (::after).
         "relative flex-shrink-0 z-20 group",
@@ -881,7 +882,7 @@ function ResizeHandle({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "absolute transition-colors",
             direction === "horizontal" ? "top-0 bottom-0 left-1/2 -translate-x-1/2 w-0.5 group-hover:w-1 group-hover:bg-primary/40 group-active:w-1 group-active:bg-primary/60" : "left-0 right-0 top-1/2 -translate-y-1/2 h-0.5 group-hover:h-1 group-hover:bg-primary/40 group-active:h-1 group-active:bg-primary/60"
           )
@@ -918,8 +919,8 @@ function DrawingShapeRenderer({
   }
   const drawingW = maxX - minX || 1;
   const drawingH = maxY - minY || 1;
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
-  const sw = chunk3P6O7ZDM_js.styleStroke(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
+  const sw = chunkSXCO5HHN_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -928,7 +929,7 @@ function DrawingShapeRenderer({
       preserveAspectRatio: "xMidYMid meet",
       "data-testid": "smartart-drawing-shapes",
       children: shapes.map((shape, i) => {
-        const fill = shape.fillColor ?? chunk3P6O7ZDM_js.colour(i, palette);
+        const fill = shape.fillColor ?? chunkSXCO5HHN_js.colour(i, palette);
         const relX = shape.x - minX;
         const relY = shape.y - minY;
         const rx = shape.shapeType === "roundRect" ? Math.min(shape.width, shape.height) * 0.1 : 0;
@@ -937,10 +938,10 @@ function DrawingShapeRenderer({
         const rotation = shape.rotation ? `rotate(${shape.rotation} ${relX + shape.width / 2} ${relY + shape.height / 2})` : void 0;
         const strokeCol = shape.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none");
         const strokeW = shape.strokeWidth ?? sw;
-        const fontSize = shape.fontSize ?? chunk3P6O7ZDM_js.fitFontSize(shape.text ?? "", shape.width * 0.85, shape.height, 14);
+        const fontSize = shape.fontSize ?? chunkSXCO5HHN_js.fitFontSize(shape.text ?? "", shape.width * 0.85, shape.height, 14);
         const nodeId = nodes ? chunkJWS3RQKN_js.resolveDrawingShapeNodeId(shape, i, shapes, nodes) : void 0;
         const nodeLabel = nodeId ? nodeLabels?.get(nodeId) : void 0;
-        const groupProps = nodeId ? chunk3P6O7ZDM_js.smartArtNodeGroupProps(nodeId, shadow, nodeLabel) : { style: { filter: shadow } };
+        const groupProps = nodeId ? chunkSXCO5HHN_js.smartArtNodeGroupProps(nodeId, shadow, nodeLabel) : { style: { filter: shadow } };
         return /* @__PURE__ */ jsxRuntime.jsxs("g", { ...groupProps, children: [
           nodeLabel ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: nodeLabel }) : null,
           isEllipse ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -958,7 +959,7 @@ function DrawingShapeRenderer({
           ) : isChevron ? /* @__PURE__ */ jsxRuntime.jsx(
             "polygon",
             {
-              points: chunk3P6O7ZDM_js.chevronPoints(relX, relY, shape.width, shape.height),
+              points: chunkSXCO5HHN_js.chevronPoints(relX, relY, shape.width, shape.height),
               fill,
               stroke: strokeCol,
               strokeWidth: strokeW,
@@ -979,11 +980,11 @@ function DrawingShapeRenderer({
             }
           ),
           shape.text ? /* @__PURE__ */ jsxRuntime.jsx(
-            chunk3P6O7ZDM_js.SmartArtNodeText,
+            chunkSXCO5HHN_js.SmartArtNodeText,
             {
               x: relX + shape.width / 2,
               y: relY + shape.height / 2,
-              text: chunk3P6O7ZDM_js.truncate(shape.text, 40),
+              text: chunkSXCO5HHN_js.truncate(shape.text, 40),
               fill: shape.fontColor ?? "white",
               fontSize,
               className: "pointer-events-none"
@@ -999,7 +1000,7 @@ function DrawingShapeRenderer({
 function resolveNodeStyle(node, index, palette) {
   const style = node.style;
   return {
-    fill: style?.fillColor ?? chunk3P6O7ZDM_js.colour(index, palette),
+    fill: style?.fillColor ?? chunkSXCO5HHN_js.colour(index, palette),
     fontColor: style?.fontColor ?? "white",
     fontWeight: style?.bold ? 700 : void 0,
     fontStyle: style?.italic ? "italic" : void 0,
@@ -1021,8 +1022,8 @@ function ListRenderer({
   const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
   const itemW = w - pad * 2;
   const rx = Math.min(6, itemH * 0.15);
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
-  const sw = chunk3P6O7ZDM_js.styleStroke(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
+  const sw = chunkSXCO5HHN_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -1032,13 +1033,13 @@ function ListRenderer({
       "data-testid": "smartart-list",
       children: nodes.map((node, i) => {
         const y = pad + i * (itemH + gap);
-        const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, itemW * 0.9, itemH, 12);
+        const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, itemW * 0.9, itemH, 12);
         const ns = resolveNodeStyle(node, i, palette);
         const label = nodeLabels?.get(node.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow, label),
+            ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow, label),
             children: [
               label ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: label }) : null,
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1050,17 +1051,17 @@ function ListRenderer({
                   height: itemH,
                   rx,
                   fill: ns.fill,
-                  opacity: chunk3P6O7ZDM_js.nodeOpacity(i, nodes.length, style),
+                  opacity: chunkSXCO5HHN_js.nodeOpacity(i, nodes.length, style),
                   stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                   strokeWidth: sw
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk3P6O7ZDM_js.SmartArtNodeText,
+                chunkSXCO5HHN_js.SmartArtNodeText,
                 {
                   x: pad + itemW / 2,
                   y: y + itemH / 2,
-                  text: chunk3P6O7ZDM_js.truncate(node.text, 40),
+                  text: chunkSXCO5HHN_js.truncate(node.text, 40),
                   fill: ns.fontColor,
                   fontWeight: ns.fontWeight,
                   fontStyle: ns.fontStyle,
@@ -1092,8 +1093,8 @@ function ProcessRenderer({
   const itemW = (usableW - gap * (nodes.length - 1)) / nodes.length;
   const itemH = Math.min(h - pad * 2, h * 0.6);
   const yMid = h / 2;
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
-  const sw = chunk3P6O7ZDM_js.styleStroke(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
+  const sw = chunkSXCO5HHN_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -1107,13 +1108,13 @@ function ProcessRenderer({
         const isFirst = i === 0;
         const isLast = i === nodes.length - 1;
         const points = isFirst ? `${x},${yMid - halfH} ${x + itemW - chevronDepth},${yMid - halfH} ${x + itemW},${yMid} ${x + itemW - chevronDepth},${yMid + halfH} ${x},${yMid + halfH}` : isLast ? `${x},${yMid - halfH} ${x + itemW},${yMid - halfH} ${x + itemW},${yMid + halfH} ${x},${yMid + halfH} ${x + chevronDepth},${yMid}` : `${x},${yMid - halfH} ${x + itemW - chevronDepth},${yMid - halfH} ${x + itemW},${yMid} ${x + itemW - chevronDepth},${yMid + halfH} ${x},${yMid + halfH} ${x + chevronDepth},${yMid}`;
-        const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, itemW * 0.7, itemH, 12);
+        const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, itemW * 0.7, itemH, 12);
         const ns = resolveNodeStyle(node, i, palette);
         const label = nodeLabels?.get(node.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow, label),
+            ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow, label),
             children: [
               label ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: label }) : null,
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1121,17 +1122,17 @@ function ProcessRenderer({
                 {
                   points,
                   fill: ns.fill,
-                  opacity: chunk3P6O7ZDM_js.nodeOpacity(i, nodes.length, style),
+                  opacity: chunkSXCO5HHN_js.nodeOpacity(i, nodes.length, style),
                   stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                   strokeWidth: sw
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk3P6O7ZDM_js.SmartArtNodeText,
+                chunkSXCO5HHN_js.SmartArtNodeText,
                 {
                   x: x + itemW / 2,
                   y: yMid,
-                  text: chunk3P6O7ZDM_js.truncate(node.text, 25),
+                  text: chunkSXCO5HHN_js.truncate(node.text, 25),
                   fill: ns.fontColor,
                   fontWeight: ns.fontWeight,
                   fontStyle: ns.fontStyle,
@@ -1161,8 +1162,8 @@ function CycleRenderer({
   const cy = h / 2;
   const radius = size * 0.35;
   const nodeR = Math.max(size * 0.06, Math.min(size * 0.12, 200 / nodes.length));
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
-  const sw = chunk3P6O7ZDM_js.styleStroke(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
+  const sw = chunkSXCO5HHN_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -1201,13 +1202,13 @@ function CycleRenderer({
           const angle = i / nodes.length * Math.PI * 2 - Math.PI / 2;
           const nx = cx + radius * Math.cos(angle);
           const ny = cy + radius * Math.sin(angle);
-          const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, nodeR * 1.4, nodeR * 2, 11);
+          const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, nodeR * 1.4, nodeR * 2, 11);
           const ns = resolveNodeStyle(node, i, palette);
           const label = nodeLabels?.get(node.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "g",
             {
-              ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow, label),
+              ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow, label),
               children: [
                 label ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: label }) : null,
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -1217,17 +1218,17 @@ function CycleRenderer({
                     cy: ny,
                     r: nodeR,
                     fill: ns.fill,
-                    opacity: chunk3P6O7ZDM_js.nodeOpacity(i, nodes.length, style),
+                    opacity: chunkSXCO5HHN_js.nodeOpacity(i, nodes.length, style),
                     stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                     strokeWidth: sw
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk3P6O7ZDM_js.SmartArtNodeText,
+                  chunkSXCO5HHN_js.SmartArtNodeText,
                   {
                     x: nx,
                     y: ny,
-                    text: chunk3P6O7ZDM_js.truncate(node.text, 20),
+                    text: chunkSXCO5HHN_js.truncate(node.text, 20),
                     fill: ns.fontColor,
                     fontWeight: ns.fontWeight,
                     fontStyle: ns.fontStyle,
@@ -1262,8 +1263,8 @@ function MatrixRenderer({
   const cellW = (usableW - gap * (cols - 1)) / cols;
   const cellH = (usableH - gap * (rows - 1)) / rows;
   const rx = Math.min(6, Math.min(cellW, cellH) * 0.1);
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
-  const sw = chunk3P6O7ZDM_js.styleStroke(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
+  const sw = chunkSXCO5HHN_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -1276,13 +1277,13 @@ function MatrixRenderer({
         const row = Math.floor(i / cols);
         const x = pad + col * (cellW + gap);
         const y = pad + row * (cellH + gap);
-        const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, cellW * 0.85, cellH, 12);
+        const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, cellW * 0.85, cellH, 12);
         const ns = resolveNodeStyle(node, i, palette);
         const label = nodeLabels?.get(node.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow, label),
+            ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow, label),
             children: [
               label ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: label }) : null,
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1294,17 +1295,17 @@ function MatrixRenderer({
                   height: cellH,
                   rx,
                   fill: ns.fill,
-                  opacity: chunk3P6O7ZDM_js.nodeOpacity(i, nodes.length, style),
+                  opacity: chunkSXCO5HHN_js.nodeOpacity(i, nodes.length, style),
                   stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                   strokeWidth: sw
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk3P6O7ZDM_js.SmartArtNodeText,
+                chunkSXCO5HHN_js.SmartArtNodeText,
                 {
                   x: x + cellW / 2,
                   y: y + cellH / 2,
-                  text: chunk3P6O7ZDM_js.truncate(node.text, 30),
+                  text: chunkSXCO5HHN_js.truncate(node.text, 30),
                   fill: ns.fontColor,
                   fontWeight: ns.fontWeight ?? 500,
                   fontStyle: ns.fontStyle,
@@ -1333,8 +1334,8 @@ function PyramidRenderer({
   const usableH = h - pad * 2;
   const bandH = (usableH - gap * (nodes.length - 1)) / nodes.length;
   const maxW = w - pad * 2;
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
-  const sw = chunk3P6O7ZDM_js.styleStroke(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
+  const sw = chunkSXCO5HHN_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -1358,28 +1359,28 @@ function PyramidRenderer({
           `${bottomRight},${y + bandH}`,
           `${bottomLeft},${y + bandH}`
         ].join(" ");
-        const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, topW * 0.85, bandH, 12);
+        const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, topW * 0.85, bandH, 12);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow),
+            ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "polygon",
                 {
                   points,
-                  fill: chunk3P6O7ZDM_js.colour(i, palette),
-                  opacity: chunk3P6O7ZDM_js.nodeOpacity(i, nodes.length, style),
+                  fill: chunkSXCO5HHN_js.colour(i, palette),
+                  opacity: chunkSXCO5HHN_js.nodeOpacity(i, nodes.length, style),
                   stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
                   strokeWidth: sw
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk3P6O7ZDM_js.SmartArtNodeText,
+                chunkSXCO5HHN_js.SmartArtNodeText,
                 {
                   x: w / 2,
                   y: y + bandH / 2,
-                  text: chunk3P6O7ZDM_js.truncate(node.text, 30),
+                  text: chunkSXCO5HHN_js.truncate(node.text, 30),
                   fill: "white",
                   fontSize,
                   className: "pointer-events-none"
@@ -1401,7 +1402,7 @@ function VennRenderer({
 }) {
   const w = element.width;
   const h = element.height;
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
   if (nodes.length <= 4) {
     const cx = w / 2;
     const cy2 = h / 2;
@@ -1418,19 +1419,19 @@ function VennRenderer({
           const angle = i / nodes.length * Math.PI * 2 - Math.PI / 2;
           const nx = cx + spread * Math.cos(angle);
           const ny = cy2 + spread * Math.sin(angle);
-          const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, r2 * 1.2, r2 * 2, 11);
+          const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, r2 * 1.2, r2 * 2, 11);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "g",
             {
-              ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow),
+              ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: nx, cy: ny, r: r2, fill: chunk3P6O7ZDM_js.colour(i, palette), opacity: 0.35 }),
+                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: nx, cy: ny, r: r2, fill: chunkSXCO5HHN_js.colour(i, palette), opacity: 0.35 }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk3P6O7ZDM_js.SmartArtNodeText,
+                  chunkSXCO5HHN_js.SmartArtNodeText,
                   {
                     x: nx,
                     y: ny,
-                    text: chunk3P6O7ZDM_js.truncate(node.text, 20),
+                    text: chunkSXCO5HHN_js.truncate(node.text, 20),
                     fill: "white",
                     fontSize,
                     fontWeight: "bold",
@@ -1459,19 +1460,19 @@ function VennRenderer({
       "data-testid": "smartart-venn",
       children: nodes.map((node, i) => {
         const nx = offsetX + i * (r * 2 - overlap);
-        const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, r * 1.2, r * 2, 10);
+        const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, r * 1.2, r * 2, 10);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow),
+            ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: nx, cy, r, fill: chunk3P6O7ZDM_js.colour(i, palette), opacity: 0.35 }),
+              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: nx, cy, r, fill: chunkSXCO5HHN_js.colour(i, palette), opacity: 0.35 }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk3P6O7ZDM_js.SmartArtNodeText,
+                chunkSXCO5HHN_js.SmartArtNodeText,
                 {
                   x: nx,
                   y: cy,
-                  text: chunk3P6O7ZDM_js.truncate(node.text, 20),
+                  text: chunkSXCO5HHN_js.truncate(node.text, 20),
                   fill: "white",
                   fontSize,
                   fontWeight: "bold",
@@ -1497,7 +1498,7 @@ function FunnelRenderer({
   const pad = 8;
   const usableW = w - pad * 2;
   const stageH = (h - pad * 2) / nodes.length;
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -1519,26 +1520,26 @@ function FunnelRenderer({
           `${bottomRight},${y + stageH}`,
           `${bottomLeft},${y + stageH}`
         ].join(" ");
-        const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, topWidth * 0.85, stageH, 11);
+        const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, topWidth * 0.85, stageH, 11);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow),
+            ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "polygon",
                 {
                   points,
-                  fill: chunk3P6O7ZDM_js.colour(i, palette),
-                  opacity: chunk3P6O7ZDM_js.nodeOpacity(i, nodes.length, style)
+                  fill: chunkSXCO5HHN_js.colour(i, palette),
+                  opacity: chunkSXCO5HHN_js.nodeOpacity(i, nodes.length, style)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk3P6O7ZDM_js.SmartArtNodeText,
+                chunkSXCO5HHN_js.SmartArtNodeText,
                 {
                   x: w / 2,
                   y: y + stageH / 2,
-                  text: chunk3P6O7ZDM_js.truncate(node.text, 30),
+                  text: chunkSXCO5HHN_js.truncate(node.text, 30),
                   fill: "white",
                   fontSize,
                   className: "pointer-events-none"
@@ -1565,7 +1566,7 @@ function TargetRenderer({
   const maxR = Math.min(cx - 8, cy - 8);
   const fontSize = Math.max(7, Math.min(10, maxR / (nodes.length + 1)));
   const labelX = cx + maxR + 8;
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -1578,7 +1579,7 @@ function TargetRenderer({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow),
+            ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 "circle",
@@ -1586,8 +1587,8 @@ function TargetRenderer({
                   cx,
                   cy,
                   r: Math.max(r, 4),
-                  fill: chunk3P6O7ZDM_js.colour(i, palette),
-                  opacity: chunk3P6O7ZDM_js.nodeOpacity(i, nodes.length, style)
+                  fill: chunkSXCO5HHN_js.colour(i, palette),
+                  opacity: chunkSXCO5HHN_js.nodeOpacity(i, nodes.length, style)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1597,7 +1598,7 @@ function TargetRenderer({
                   y1: cy,
                   x2: labelX - 2,
                   y2: 8 + i * (fontSize + 6),
-                  stroke: chunk3P6O7ZDM_js.colour(i, palette),
+                  stroke: chunkSXCO5HHN_js.colour(i, palette),
                   strokeWidth: 1,
                   opacity: 0.6
                 }
@@ -1609,10 +1610,10 @@ function TargetRenderer({
                   y: 8 + i * (fontSize + 6) + fontSize / 2,
                   textAnchor: "start",
                   dominantBaseline: "central",
-                  fill: chunk3P6O7ZDM_js.colour(i, palette),
+                  fill: chunkSXCO5HHN_js.colour(i, palette),
                   fontSize,
                   className: "pointer-events-none",
-                  children: chunk3P6O7ZDM_js.truncate(node.text, 30)
+                  children: chunkSXCO5HHN_js.truncate(node.text, 30)
                 }
               )
             ]
@@ -1629,12 +1630,12 @@ function HierarchyRenderer({
   palette,
   style
 }) {
-  const roots = chunk3P6O7ZDM_js.buildTree(nodes);
+  const roots = chunkSXCO5HHN_js.buildTree(nodes);
   if (roots.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(ListRenderer, { element, nodes, palette, style });
   }
-  const totalLeaves = roots.reduce((s, r) => s + chunk3P6O7ZDM_js.treeWidth(r), 0);
-  const depth = Math.max(...roots.map(chunk3P6O7ZDM_js.treeDepth));
+  const totalLeaves = roots.reduce((s, r) => s + chunkSXCO5HHN_js.treeWidth(r), 0);
+  const depth = Math.max(...roots.map(chunkSXCO5HHN_js.treeDepth));
   const svgW = element.width;
   const svgH = element.height;
   const cellW = svgW / totalLeaves;
@@ -1642,24 +1643,24 @@ function HierarchyRenderer({
   const boxW = Math.min(cellW * 0.8, 140);
   const boxH = Math.min(cellH * 0.4, 36);
   const rx = Math.min(6, boxH * 0.15);
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
-  const sw = chunk3P6O7ZDM_js.styleStroke(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
+  const sw = chunkSXCO5HHN_js.styleStroke(style);
   const elements = [];
   let colourIdx = 0;
   function renderTreeNode(t, xOffset, level) {
-    const w = chunk3P6O7ZDM_js.treeWidth(t);
+    const w = chunkSXCO5HHN_js.treeWidth(t);
     const nodeCx = (xOffset + w / 2) * cellW;
     const nodeCy = level * cellH + cellH / 2;
     const ci = colourIdx++;
-    const fontSize = chunk3P6O7ZDM_js.fitFontSize(t.node.text, boxW * 0.9, boxH, 11);
+    const fontSize = chunkSXCO5HHN_js.fitFontSize(t.node.text, boxW * 0.9, boxH, 11);
     for (const child of t.children) {
-      const childW = chunk3P6O7ZDM_js.treeWidth(child);
+      const childW = chunkSXCO5HHN_js.treeWidth(child);
       let childOffset2 = xOffset;
       for (const c of t.children) {
         if (c === child) {
           break;
         }
-        childOffset2 += chunk3P6O7ZDM_js.treeWidth(c);
+        childOffset2 += chunkSXCO5HHN_js.treeWidth(c);
       }
       const childCx = (childOffset2 + childW / 2) * cellW;
       const childCy = (level + 1) * cellH + cellH / 2;
@@ -1682,7 +1683,7 @@ function HierarchyRenderer({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "g",
         {
-          ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(t.node.id, shadow),
+          ...chunkSXCO5HHN_js.smartArtNodeGroupProps(t.node.id, shadow),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "rect",
@@ -1692,18 +1693,18 @@ function HierarchyRenderer({
                 width: boxW,
                 height: boxH,
                 rx,
-                fill: chunk3P6O7ZDM_js.colour(ci, palette),
-                opacity: chunk3P6O7ZDM_js.nodeOpacity(ci, nodes.length, style),
+                fill: chunkSXCO5HHN_js.colour(ci, palette),
+                opacity: chunkSXCO5HHN_js.nodeOpacity(ci, nodes.length, style),
                 stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
                 strokeWidth: sw
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk3P6O7ZDM_js.SmartArtNodeText,
+              chunkSXCO5HHN_js.SmartArtNodeText,
               {
                 x: nodeCx,
                 y: nodeCy,
-                text: chunk3P6O7ZDM_js.truncate(t.node.text, 40),
+                text: chunkSXCO5HHN_js.truncate(t.node.text, 40),
                 fill: "white",
                 fontSize,
                 className: "pointer-events-none"
@@ -1717,7 +1718,7 @@ function HierarchyRenderer({
     let childOffset = xOffset;
     for (const child of t.children) {
       renderTreeNode(child, childOffset, level + 1);
-      childOffset += chunk3P6O7ZDM_js.treeWidth(child);
+      childOffset += chunkSXCO5HHN_js.treeWidth(child);
     }
     return w;
   }
@@ -1752,7 +1753,7 @@ function GearRenderer({
   const gearR = Math.min(spacing * 0.4, h * 0.35);
   const innerR = gearR * 0.7;
   const teethCount = 8;
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -1764,27 +1765,27 @@ function GearRenderer({
         gearNodes.map((node, i) => {
           const gx = spacing * (i + 1);
           const gy = h / 2 + (i % 2 === 0 ? 0 : gearR * 0.35);
-          const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, innerR * 1.2, innerR * 2, 11);
+          const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, innerR * 1.2, innerR * 2, 11);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "g",
             {
-              ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow),
+              ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "path",
                   {
-                    d: chunk3P6O7ZDM_js.gearPath(gx, gy, gearR, innerR, teethCount),
-                    fill: chunk3P6O7ZDM_js.colour(i, palette),
-                    opacity: chunk3P6O7ZDM_js.nodeOpacity(i, nodes.length, style)
+                    d: chunkSXCO5HHN_js.gearPath(gx, gy, gearR, innerR, teethCount),
+                    fill: chunkSXCO5HHN_js.colour(i, palette),
+                    opacity: chunkSXCO5HHN_js.nodeOpacity(i, nodes.length, style)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: gx, cy: gy, r: innerR * 0.5, fill: "white", opacity: 0.25 }),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk3P6O7ZDM_js.SmartArtNodeText,
+                  chunkSXCO5HHN_js.SmartArtNodeText,
                   {
                     x: gx,
                     y: gy,
-                    text: chunk3P6O7ZDM_js.truncate(node.text, 20),
+                    text: chunkSXCO5HHN_js.truncate(node.text, 20),
                     fill: "white",
                     fontSize,
                     fontWeight: "bold",
@@ -1806,8 +1807,8 @@ function GearRenderer({
                 cx: lx,
                 cy: ly,
                 r: 3,
-                fill: chunk3P6O7ZDM_js.colour(gearCount + i, palette),
-                opacity: chunk3P6O7ZDM_js.nodeOpacity(gearCount + i, nodes.length, style)
+                fill: chunkSXCO5HHN_js.colour(gearCount + i, palette),
+                opacity: chunkSXCO5HHN_js.nodeOpacity(gearCount + i, nodes.length, style)
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -1817,10 +1818,10 @@ function GearRenderer({
                 y: ly,
                 textAnchor: "start",
                 dominantBaseline: "central",
-                fill: chunk3P6O7ZDM_js.colour(gearCount + i, palette),
+                fill: chunkSXCO5HHN_js.colour(gearCount + i, palette),
                 fontSize: 10,
                 className: "pointer-events-none",
-                children: chunk3P6O7ZDM_js.truncate(node.text, 30)
+                children: chunkSXCO5HHN_js.truncate(node.text, 30)
               }
             )
           ] }, `${element.id}-gear-extra-${node.id}-${i}`);
@@ -1844,7 +1845,7 @@ function TimelineRenderer({
   const lineLen = lineEndX - lineStartX;
   const dotR = Math.max(4, Math.min(8, lineLen / (nodes.length * 4)));
   const labelOffset = Math.min(h * 0.28, 40);
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -1866,11 +1867,11 @@ function TimelineRenderer({
           const above = i % 2 === 0;
           const textY = above ? lineY - labelOffset : lineY + labelOffset;
           const stemEndY = above ? lineY - dotR - 2 : lineY + dotR + 2;
-          const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, lineLen / nodes.length * 0.9, labelOffset, 10);
+          const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, lineLen / nodes.length * 0.9, labelOffset, 10);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "g",
             {
-              ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow),
+              ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "line",
@@ -1879,7 +1880,7 @@ function TimelineRenderer({
                     y1: stemEndY,
                     x2: x,
                     y2: textY + (above ? fontSize : -fontSize),
-                    stroke: chunk3P6O7ZDM_js.colour(i, palette),
+                    stroke: chunkSXCO5HHN_js.colour(i, palette),
                     strokeWidth: 1,
                     opacity: 0.5
                   }
@@ -1890,17 +1891,17 @@ function TimelineRenderer({
                     cx: x,
                     cy: lineY,
                     r: dotR,
-                    fill: chunk3P6O7ZDM_js.colour(i, palette),
-                    opacity: chunk3P6O7ZDM_js.nodeOpacity(i, nodes.length, style)
+                    fill: chunkSXCO5HHN_js.colour(i, palette),
+                    opacity: chunkSXCO5HHN_js.nodeOpacity(i, nodes.length, style)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk3P6O7ZDM_js.SmartArtNodeText,
+                  chunkSXCO5HHN_js.SmartArtNodeText,
                   {
-                    text: chunk3P6O7ZDM_js.truncate(node.text, 20) ?? "",
+                    text: chunkSXCO5HHN_js.truncate(node.text, 20) ?? "",
                     x,
                     y: textY,
-                    fill: chunk3P6O7ZDM_js.colour(i, palette),
+                    fill: chunkSXCO5HHN_js.colour(i, palette),
                     fontSize,
                     anchor: above ? "bottom" : "top",
                     className: "pointer-events-none"
@@ -1933,8 +1934,8 @@ function BendingProcessRenderer({
   const boxH = Math.min(cellH * 0.6, 32);
   const rx = Math.min(5, boxH * 0.15);
   const arrowSize = 6;
-  const shadow = chunk3P6O7ZDM_js.styleShadow(style);
-  const sw = chunk3P6O7ZDM_js.styleStroke(style);
+  const shadow = chunkSXCO5HHN_js.styleShadow(style);
+  const sw = chunkSXCO5HHN_js.styleStroke(style);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -1948,7 +1949,7 @@ function BendingProcessRenderer({
         const col = row % 2 === 0 ? colInRow : COLS - 1 - colInRow;
         const nodeCx = padX + col * cellW + cellW / 2;
         const nodeCy = padY + row * cellH + cellH / 2;
-        const fontSize = chunk3P6O7ZDM_js.fitFontSize(node.text, boxW * 0.85, boxH, 10);
+        const fontSize = chunkSXCO5HHN_js.fitFontSize(node.text, boxW * 0.85, boxH, 10);
         let arrow = null;
         if (i < nodes.length - 1) {
           const nextRow = Math.floor((i + 1) / COLS);
@@ -2008,7 +2009,7 @@ function BendingProcessRenderer({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "g",
           {
-            ...chunk3P6O7ZDM_js.smartArtNodeGroupProps(node.id, shadow),
+            ...chunkSXCO5HHN_js.smartArtNodeGroupProps(node.id, shadow),
             children: [
               arrow,
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -2019,18 +2020,18 @@ function BendingProcessRenderer({
                   width: boxW,
                   height: boxH,
                   rx,
-                  fill: chunk3P6O7ZDM_js.colour(i, palette),
-                  opacity: chunk3P6O7ZDM_js.nodeOpacity(i, nodes.length, style),
+                  fill: chunkSXCO5HHN_js.colour(i, palette),
+                  opacity: chunkSXCO5HHN_js.nodeOpacity(i, nodes.length, style),
                   stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
                   strokeWidth: sw
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk3P6O7ZDM_js.SmartArtNodeText,
+                chunkSXCO5HHN_js.SmartArtNodeText,
                 {
                   x: nodeCx,
                   y: nodeCy,
-                  text: chunk3P6O7ZDM_js.truncate(node.text, 20),
+                  text: chunkSXCO5HHN_js.truncate(node.text, 20),
                   fill: "white",
                   fontSize,
                   className: "pointer-events-none"
@@ -2339,8 +2340,8 @@ function SmartArtRendererImpl({
       }
     );
   }
-  const palette = chunk3P6O7ZDM_js.resolvePalette(element);
-  const style = chunk3P6O7ZDM_js.resolveStyle(element);
+  const palette = chunkSXCO5HHN_js.resolvePalette(element);
+  const style = chunkSXCO5HHN_js.resolveStyle(element);
   const a11y = chunkJWS3RQKN_js.buildSmartArtA11y(smartArtData);
   const nodeLabels = new Map(a11y.nodes.map((n) => [n.id, n.label]));
   const editable = canEdit && Boolean(onUpdateElement);
@@ -2353,7 +2354,7 @@ function SmartArtRendererImpl({
     const reflowed = chunkJWS3RQKN_js.rebuildDrawingShapesIfCleared(
       updated,
       smartArtData.layout,
-      chunk3P6O7ZDM_js.resolveSmartArtDataPalette(updated),
+      chunkSXCO5HHN_js.resolveSmartArtDataPalette(updated),
       style,
       element.id,
       box
@@ -2370,7 +2371,7 @@ function SmartArtRendererImpl({
       const reflowed = chunkJWS3RQKN_js.rebuildDrawingShapesIfCleared(
         next,
         smartArtData.layout,
-        chunk3P6O7ZDM_js.resolveSmartArtDataPalette(next),
+        chunkSXCO5HHN_js.resolveSmartArtDataPalette(next),
         style,
         element.id,
         box
@@ -2393,7 +2394,7 @@ function SmartArtRendererImpl({
     );
   } else {
     const namedLayout = smartArtData.layout;
-    const layoutType = namedLayout ? chunk3P6O7ZDM_js.layoutToCategory(namedLayout) : (smartArtData.resolvedLayoutType ?? smartArtData.layoutType ?? "list").toLowerCase();
+    const layoutType = namedLayout ? chunkSXCO5HHN_js.layoutToCategory(namedLayout) : (smartArtData.resolvedLayoutType ?? smartArtData.layoutType ?? "list").toLowerCase();
     content = renderLayout(layoutType, element, nodes, palette, style, nodeLabels);
   }
   const body = editable ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -2407,7 +2408,7 @@ function SmartArtRendererImpl({
       children: content
     }
   ) : content;
-  return chunk3P6O7ZDM_js.wrapChrome(chrome, body, className, { role: a11y.role, label: a11y.label });
+  return chunkSXCO5HHN_js.wrapChrome(chrome, body, className, { role: a11y.role, label: a11y.label });
 }
 function renderLayout(layoutType, element, nodes, palette, style, nodeLabels) {
   if (layoutType.includes("hierarchy") || layoutType.includes("org")) {
@@ -2471,34 +2472,34 @@ function renderLayout(layoutType, element, nodes, palette, style, nodeLabels) {
     return /* @__PURE__ */ jsxRuntime.jsx(BendingProcessRenderer, { element, nodes, palette, style });
   }
   if (layoutType.includes("stepdown")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunk3P6O7ZDM_js.renderStepDownProcess(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkSXCO5HHN_js.renderStepDownProcess(element, nodes, palette, style) });
   }
   if (layoutType.includes("alternatingflow") || layoutType.includes("alternating")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunk3P6O7ZDM_js.renderAlternatingFlow(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkSXCO5HHN_js.renderAlternatingFlow(element, nodes, palette, style) });
   }
   if (layoutType.includes("descending")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunk3P6O7ZDM_js.renderDescendingProcess(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkSXCO5HHN_js.renderDescendingProcess(element, nodes, palette, style) });
   }
   if (layoutType.includes("pictureaccent")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunk3P6O7ZDM_js.renderPictureAccentList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkSXCO5HHN_js.renderPictureAccentList(element, nodes, palette, style) });
   }
   if (layoutType.includes("verticalblock")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunk3P6O7ZDM_js.renderVerticalBlockList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkSXCO5HHN_js.renderVerticalBlockList(element, nodes, palette, style) });
   }
   if (layoutType.includes("grouped")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunk3P6O7ZDM_js.renderGroupedList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkSXCO5HHN_js.renderGroupedList(element, nodes, palette, style) });
   }
   if (layoutType.includes("pyramidlist")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunk3P6O7ZDM_js.renderPyramidList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkSXCO5HHN_js.renderPyramidList(element, nodes, palette, style) });
   }
   if (layoutType.includes("horizontalpicture")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunk3P6O7ZDM_js.renderHorizontalPictureList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkSXCO5HHN_js.renderHorizontalPictureList(element, nodes, palette, style) });
   }
   if (layoutType.includes("accentprocess")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunk3P6O7ZDM_js.renderAccentProcess(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkSXCO5HHN_js.renderAccentProcess(element, nodes, palette, style) });
   }
   if (layoutType.includes("verticalchevron")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunk3P6O7ZDM_js.renderVerticalChevronList(element, nodes, palette, style) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chunkSXCO5HHN_js.renderVerticalChevronList(element, nodes, palette, style) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     ListRenderer,
@@ -2548,14 +2549,14 @@ function ThumbnailTable({
   element,
   textStyle
 }) {
-  const parsedTable = chunk3P6O7ZDM_js.parseTableElementData(element, textStyle);
+  const parsedTable = chunkSXCO5HHN_js.parseTableElementData(element, textStyle);
   if (parsedTable) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full overflow-hidden pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full h-full border-collapse table-fixed", children: [
       parsedTable.columnPercentages.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: parsedTable.columnPercentages.map((pct, ci) => /* @__PURE__ */ jsxRuntime.jsx("col", { style: { width: `${pct.toFixed(2)}%` } }, `${element.id}-tc-${ci}`)) }),
       /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: parsedTable.rows.map((row, ri) => {
-        const cells = chunk3P6O7ZDM_js.ensureArrayValue(row["a:tc"]);
+        const cells = chunkSXCO5HHN_js.ensureArrayValue(row["a:tc"]);
         const rowHeightRaw = Number.parseInt(String(row["@_h"] || ""), 10);
-        const rowHeight = Number.isFinite(rowHeightRaw) && rowHeightRaw > 0 ? Math.max(16, rowHeightRaw / chunk3P6O7ZDM_js.EMU_PER_PX) : void 0;
+        const rowHeight = Number.isFinite(rowHeightRaw) && rowHeightRaw > 0 ? Math.max(16, rowHeightRaw / chunkSXCO5HHN_js.EMU_PER_PX) : void 0;
         return /* @__PURE__ */ jsxRuntime.jsx(
           "tr",
           {
@@ -2570,7 +2571,7 @@ function ThumbnailTable({
               const colSpan = Number.isFinite(gridSpanRaw) && gridSpanRaw > 1 ? gridSpanRaw : void 0;
               const rowSpanRaw = Number.parseInt(String(cell["@_rowSpan"] || ""), 10);
               const rSpan = Number.isFinite(rowSpanRaw) && rowSpanRaw > 1 ? rowSpanRaw : void 0;
-              const bandStyle = chunk3P6O7ZDM_js.getTableCellBandStyle(
+              const bandStyle = chunkSXCO5HHN_js.getTableCellBandStyle(
                 element,
                 ri,
                 ci,
@@ -2584,10 +2585,10 @@ function ThumbnailTable({
                   colSpan,
                   rowSpan: rSpan,
                   style: {
-                    ...chunk3P6O7ZDM_js.extractTableCellStyle(cell, textStyle),
+                    ...chunkSXCO5HHN_js.extractTableCellStyle(cell, textStyle),
                     ...bandStyle
                   },
-                  children: chunk3P6O7ZDM_js.extractCellText(cell) || "\xA0"
+                  children: chunkSXCO5HHN_js.extractCellText(cell) || "\xA0"
                 },
                 `${element.id}-td-${ri}-${ci}`
               );
@@ -2609,7 +2610,7 @@ function ThumbnailTable({
           if (cell.hMerge || cell.vMerge) {
             return null;
           }
-          const bandStyle = chunk3P6O7ZDM_js.getTableCellBandStyle(
+          const bandStyle = chunkSXCO5HHN_js.getTableCellBandStyle(
             element,
             ri,
             ci,
@@ -2623,7 +2624,7 @@ function ThumbnailTable({
               colSpan: cell.gridSpan && cell.gridSpan > 1 ? cell.gridSpan : void 0,
               rowSpan: cell.rowSpan && cell.rowSpan > 1 ? cell.rowSpan : void 0,
               style: {
-                ...chunk3P6O7ZDM_js.cellStyleToCss(cell.style),
+                ...chunkSXCO5HHN_js.cellStyleToCss(cell.style),
                 ...bandStyle
               },
               children: cell.text || "\xA0"
@@ -2651,7 +2652,7 @@ function ThumbnailChart({ element }) {
   if (!chartData || chartData.series.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(ThumbnailFallbackLabel, { label: "Chart" });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full pointer-events-none", children: chunk3P6O7ZDM_js.renderChartElement(element) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full pointer-events-none", children: chunkSXCO5HHN_js.renderChartElement(element) });
 }
 function SlideThumbnailImpl({
   slide,
@@ -2660,12 +2661,12 @@ function SlideThumbnailImpl({
 }) {
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
-  const scale = chunk3P6O7ZDM_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
+  const scale = chunkSXCO5HHN_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
   const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
   const previewElements = [...templateElements, ...slide.elements].slice(0, 60);
   const { t } = reactI18next.useTranslation();
   const transitionLabel = slide.transition ? (() => {
-    const opt = chunk3P6O7ZDM_js.SLIDE_TRANSITION_OPTIONS.find((o) => o.value === slide.transition?.type);
+    const opt = chunkSXCO5HHN_js.SLIDE_TRANSITION_OPTIONS.find((o) => o.value === slide.transition?.type);
     return opt ? t(opt.i18nKey) : slide.transition.type;
   })() : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2697,31 +2698,31 @@ function SlideThumbnailImpl({
               const elementHeight = Math.max(element.height, 1);
               const elShapeStyle = chunkMGLRKGCH_js.hasShapeProperties(element) ? element.shapeStyle : void 0;
               const hasFill = elShapeStyle?.fillColor !== void 0 && elShapeStyle?.fillColor !== "transparent" || Boolean(chunkJWS3RQKN_js.buildCssGradientFromShapeStyle(elShapeStyle) || elShapeStyle?.fillGradient) || elShapeStyle?.fillMode === "pattern" && Boolean(elShapeStyle.fillPatternPreset);
-              const fillColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.fillColor, chunk3P6O7ZDM_js.DEFAULT_FILL_COLOR);
+              const fillColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.fillColor, chunkSXCO5HHN_js.DEFAULT_FILL_COLOR);
               const strokeWidth = Math.max(0, elShapeStyle?.strokeWidth || 0);
-              const strokeColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.strokeColor, chunk3P6O7ZDM_js.DEFAULT_STROKE_COLOR);
-              const shapeVisualStyle = chunk3P6O7ZDM_js.getShapeVisualStyle(
+              const strokeColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.strokeColor, chunkSXCO5HHN_js.DEFAULT_STROKE_COLOR);
+              const shapeVisualStyle = chunkSXCO5HHN_js.getShapeVisualStyle(
                 element,
                 hasFill,
                 fillColor,
                 strokeWidth,
                 strokeColor
               );
-              const vectorShape = chunk3P6O7ZDM_js.renderVectorShape(
+              const vectorShape = chunkSXCO5HHN_js.renderVectorShape(
                 element,
                 hasFill,
                 fillColor,
                 strokeWidth,
                 strokeColor
               );
-              const fallbackTextColor = element.type === "shape" && hasFill ? "#ffffff" : chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR;
-              const textStyle = chunk3P6O7ZDM_js.getTextStyleForElement(element, fallbackTextColor);
-              const imageRenderStyle = chunk3P6O7ZDM_js.getImageRenderStyle(element);
+              const fallbackTextColor = element.type === "shape" && hasFill ? "#ffffff" : chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR;
+              const textStyle = chunkSXCO5HHN_js.getTextStyleForElement(element, fallbackTextColor);
+              const imageRenderStyle = chunkSXCO5HHN_js.getImageRenderStyle(element);
               const canRenderText = chunkJWS3RQKN_js.isEditableTextElement(element);
               const elText = chunkMGLRKGCH_js.hasTextProperties(element) ? element.text : void 0;
               const elTextSegments = chunkMGLRKGCH_js.hasTextProperties(element) ? element.textSegments : void 0;
               const hasText = typeof elText === "string" && elText.trim().length > 0 || (elTextSegments?.length ?? 0) > 0;
-              const fallbackLabel = chunk3P6O7ZDM_js.shouldRenderFallbackLabel(element, canRenderText) ? chunkJWS3RQKN_js.getElementLabel(element) : "";
+              const fallbackLabel = chunkSXCO5HHN_js.shouldRenderFallbackLabel(element, canRenderText) ? chunkJWS3RQKN_js.getElementLabel(element) : "";
               return /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -2734,11 +2735,11 @@ function SlideThumbnailImpl({
                     transform: chunkJWS3RQKN_js.getElementTransform(element),
                     transformOrigin: "center"
                   },
-                  children: (element.type === "picture" || element.type === "image") && (element.svgData || element.imageData) ? chunk3P6O7ZDM_js.isImageTiled(element) ? /* @__PURE__ */ jsxRuntime.jsx(
+                  children: (element.type === "picture" || element.type === "image") && (element.svgData || element.imageData) ? chunkSXCO5HHN_js.isImageTiled(element) ? /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
                       className: "pointer-events-none w-full h-full",
-                      style: chunk3P6O7ZDM_js.getImageTilingStyle(element)
+                      style: chunkSXCO5HHN_js.getImageTilingStyle(element)
                     }
                   ) : /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
@@ -2756,12 +2757,12 @@ function SlideThumbnailImpl({
                       {
                         className: "w-full h-full whitespace-pre-wrap break-words px-1 py-0.5 leading-[1.3]",
                         style: {
-                          ...chunk3P6O7ZDM_js.getTextLayoutStyle(element),
+                          ...chunkSXCO5HHN_js.getTextLayoutStyle(element),
                           ...textStyle,
                           transform: chunkJWS3RQKN_js.getTextCompensationTransform(element),
                           transformOrigin: "center"
                         },
-                        children: chunk3P6O7ZDM_js.renderTextSegments(element, fallbackTextColor)
+                        children: chunkSXCO5HHN_js.renderTextSegments(element, fallbackTextColor)
                       }
                     ),
                     !hasText && fallbackLabel.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center text-[10px] text-muted-foreground", children: fallbackLabel })
@@ -3289,7 +3290,7 @@ function ResizeHandles({
       "button",
       {
         type: "button",
-        className: chunk3P6O7ZDM_js.cn("absolute z-10 group", posClass, cursor),
+        className: chunkSXCO5HHN_js.cn("absolute z-10 group", posClass, cursor),
         style: peStyle,
         onPointerDown: (e) => handleResizePointer(e, handle),
         onMouseDown: (e) => {
@@ -3307,7 +3308,7 @@ function ResizeHandles({
       "button",
       {
         type: "button",
-        className: chunk3P6O7ZDM_js.cn("absolute z-10", posClass, cursor),
+        className: chunkSXCO5HHN_js.cn("absolute z-10", posClass, cursor),
         style: peStyle,
         onPointerDown: (e) => handleResizePointer(e, handle),
         onMouseDown: (e) => {
@@ -3315,7 +3316,7 @@ function ResizeHandles({
           onResizePointerDown(elementId, e, handle);
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk3P6O7ZDM_js.cn(sizeClass, "border border-white bg-primary shadow") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkSXCO5HHN_js.cn(sizeClass, "border border-white bg-primary shadow") }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -inset-2 max-md:-inset-1" })
         ]
       },
@@ -3394,7 +3395,7 @@ var ConnectorElementRenderer = React5__default.default.memo(
     const viewHeight = Math.max(el.height, 1);
     const ss = shapeEl?.shapeStyle;
     const strokeWidth = Math.max(0, ss?.strokeWidth ?? 2);
-    const strokeColor = chunkJWS3RQKN_js.normalizeHexColor(ss?.strokeColor, chunk3P6O7ZDM_js.DEFAULT_STROKE_COLOR);
+    const strokeColor = chunkJWS3RQKN_js.normalizeHexColor(ss?.strokeColor, chunkSXCO5HHN_js.DEFAULT_STROKE_COLOR);
     const strokePaint = chunkJWS3RQKN_js.colorWithOpacity(strokeColor, ss?.strokeOpacity);
     const dashType = chunkJWS3RQKN_js.normalizeStrokeDashType(ss?.strokeDash);
     const dashArray = chunkJWS3RQKN_js.getSvgStrokeDasharray(
@@ -3415,7 +3416,7 @@ var ConnectorElementRenderer = React5__default.default.memo(
     const connectorText = textEl?.text?.trim() ?? "";
     const connectorTextSegments = textEl?.textSegments;
     const connectorTextStyle = textEl?.textStyle;
-    const pathGeometry = shapeEl ? chunk3P6O7ZDM_js.getConnectorPathGeometry(shapeEl) : {
+    const pathGeometry = shapeEl ? chunkSXCO5HHN_js.getConnectorPathGeometry(shapeEl) : {
       pathData: `M 0 0 L ${viewWidth} ${viewHeight}`,
       startX: 0,
       startY: 0,
@@ -3424,8 +3425,8 @@ var ConnectorElementRenderer = React5__default.default.memo(
     };
     const hitTargetWidth = Math.max(strokeWidth * 3, 14);
     const selColor = selClr === "blue-400" ? "#60a5fa" : "#3b82f6";
-    const lineShadow = chunk3P6O7ZDM_js.buildLineShadowCss(el);
-    const lineGlow = chunk3P6O7ZDM_js.buildLineGlowFilter(el);
+    const lineShadow = chunkSXCO5HHN_js.buildLineShadowCss(el);
+    const lineGlow = chunkSXCO5HHN_js.buildLineGlowFilter(el);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -3435,8 +3436,8 @@ var ConnectorElementRenderer = React5__default.default.memo(
         style: {
           left: el.x,
           top: el.y,
-          width: Math.max(el.width, chunk3P6O7ZDM_js.MIN_ELEMENT_SIZE),
-          height: Math.max(el.height, chunk3P6O7ZDM_js.MIN_ELEMENT_SIZE),
+          width: Math.max(el.width, chunkSXCO5HHN_js.MIN_ELEMENT_SIZE),
+          height: Math.max(el.height, chunkSXCO5HHN_js.MIN_ELEMENT_SIZE),
           transform: chunkJWS3RQKN_js.getElementTransform(el),
           transformOrigin: "center",
           background: "transparent",
@@ -3458,14 +3459,14 @@ var ConnectorElementRenderer = React5__default.default.memo(
               style: { overflow: "visible", pointerEvents: "none" },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
-                  chunk3P6O7ZDM_js.renderConnectorMarker(
+                  chunkSXCO5HHN_js.renderConnectorMarker(
                     startMarkerId,
                     startArrow,
                     strokePaint,
                     ss?.connectorStartArrowWidth,
                     ss?.connectorStartArrowLength
                   ),
-                  chunk3P6O7ZDM_js.renderConnectorMarker(
+                  chunkSXCO5HHN_js.renderConnectorMarker(
                     endMarkerId,
                     endArrow,
                     strokePaint,
@@ -3610,14 +3611,14 @@ function elementHasTextHyperlink(el) {
   return Boolean(el.textSegments?.some((segment) => Boolean(segment.style?.hyperlink)));
 }
 function renderDagDuotoneFilterForElement(el) {
-  if (!chunk3P6O7ZDM_js.hasDagDuotoneEffect(el)) {
+  if (!chunkSXCO5HHN_js.hasDagDuotoneEffect(el)) {
     return null;
   }
   const duotone = el.shapeStyle?.dagDuotone;
   if (!duotone) {
     return null;
   }
-  return chunk3P6O7ZDM_js.renderDagDuotoneSvgFilter(el.id, duotone.color1, duotone.color2);
+  return chunkSXCO5HHN_js.renderDagDuotoneSvgFilter(el.id, duotone.color1, duotone.color2);
 }
 function getContainerStyle({
   el,
@@ -3634,12 +3635,12 @@ function getContainerStyle({
   return {
     left: isFullscreenMedia ? 0 : el.x,
     top: isFullscreenMedia ? 0 : el.y,
-    width: isFullscreenMedia ? "100%" : Math.max(el.width, chunk3P6O7ZDM_js.MIN_ELEMENT_SIZE),
-    height: isFullscreenMedia ? "100%" : Math.max(el.height, chunk3P6O7ZDM_js.MIN_ELEMENT_SIZE),
+    width: isFullscreenMedia ? "100%" : Math.max(el.width, chunkSXCO5HHN_js.MIN_ELEMENT_SIZE),
+    height: isFullscreenMedia ? "100%" : Math.max(el.height, chunkSXCO5HHN_js.MIN_ELEMENT_SIZE),
     transform: isFullscreenMedia ? "none" : chunkJWS3RQKN_js.getElementTransform(el),
     transformOrigin: "center",
     overflow: overflowValue,
-    clipPath: isImg && !has3DExtrusion ? chunk3P6O7ZDM_js.getCropShapeClipPath(el) : void 0,
+    clipPath: isImg && !has3DExtrusion ? chunkSXCO5HHN_js.getCropShapeClipPath(el) : void 0,
     zIndex: isFullscreenMedia ? 20 : zIndex,
     opacity,
     visibility: animationState?.visible === false ? "hidden" : "visible",
@@ -3703,13 +3704,13 @@ function getSegmentTspanProps(segment, element, fallbackColor) {
   if (s.strikethrough) {
     decos.push("line-through");
   }
-  const fill = s.hyperlink ? chunkJWS3RQKN_js.normalizeHexColor(s.color || element.textStyle?.color, chunk3P6O7ZDM_js.HYPERLINK_COLOR) : chunkJWS3RQKN_js.normalizeHexColor(s.color || element.textStyle?.color, fallbackColor);
+  const fill = s.hyperlink ? chunkJWS3RQKN_js.normalizeHexColor(s.color || element.textStyle?.color, chunkSXCO5HHN_js.HYPERLINK_COLOR) : chunkJWS3RQKN_js.normalizeHexColor(s.color || element.textStyle?.color, fallbackColor);
   return {
     fill,
-    fontSize: s.fontSize ?? element.textStyle?.fontSize ?? chunk3P6O7ZDM_js.DEFAULT_TEXT_FONT_SIZE,
+    fontSize: s.fontSize ?? element.textStyle?.fontSize ?? chunkSXCO5HHN_js.DEFAULT_TEXT_FONT_SIZE,
     fontWeight: s.bold ? 700 : 400,
     fontStyle: s.italic ? "italic" : void 0,
-    fontFamily: s.fontFamily || element.textStyle?.fontFamily ? chunkMGLRKGCH_js.getSubstituteFontFamily(s.fontFamily || element.textStyle?.fontFamily || "") : chunk3P6O7ZDM_js.DEFAULT_FONT_FAMILY,
+    fontFamily: s.fontFamily || element.textStyle?.fontFamily ? chunkMGLRKGCH_js.getSubstituteFontFamily(s.fontFamily || element.textStyle?.fontFamily || "") : chunkSXCO5HHN_js.DEFAULT_FONT_FAMILY,
     textDecoration: decos.length > 0 ? decos.join(" ") : void 0
   };
 }
@@ -3738,8 +3739,8 @@ function WarpedText({
   const warpAdj2 = textEl.textStyle?.textWarpAdj2;
   const align = textEl.textStyle?.align ?? "center";
   const { startOffset, textAnchor } = getAlignmentProps(align);
-  const baseFontSize = textEl.textStyle?.fontSize ?? chunk3P6O7ZDM_js.DEFAULT_TEXT_FONT_SIZE;
-  const baseFontFamily = textEl.textStyle?.fontFamily ? chunkMGLRKGCH_js.getSubstituteFontFamily(textEl.textStyle.fontFamily) : chunk3P6O7ZDM_js.DEFAULT_FONT_FAMILY;
+  const baseFontSize = textEl.textStyle?.fontSize ?? chunkSXCO5HHN_js.DEFAULT_TEXT_FONT_SIZE;
+  const baseFontFamily = textEl.textStyle?.fontFamily ? chunkMGLRKGCH_js.getSubstituteFontFamily(textEl.textStyle.fontFamily) : chunkSXCO5HHN_js.DEFAULT_FONT_FAMILY;
   const baseFill = chunkJWS3RQKN_js.normalizeHexColor(textEl.textStyle?.color, fallbackColor);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -3896,7 +3897,7 @@ function ChartElementView({
   const selectedPart = selection?.elementId === element.id ? selection.part : null;
   const canEdit = editable && Boolean(onUpdateElement);
   const viewModel = React5.useMemo(
-    () => canEdit ? chunk3P6O7ZDM_js.buildReactChartViewModel(element) : null,
+    () => canEdit ? chunkSXCO5HHN_js.buildReactChartViewModel(element) : null,
     [canEdit, element]
   );
   React5.useEffect(ensureInteractionStyles, []);
@@ -4042,7 +4043,7 @@ function ChartElementView({
       onPointerUp: handlePointerUp,
       onDoubleClick: handleDoubleClick,
       children: [
-        chunk3P6O7ZDM_js.renderChartElement(renderedElement),
+        chunkSXCO5HHN_js.renderChartElement(renderedElement),
         dragValue !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 z-10 rounded bg-primary/90 px-1.5 py-0.5 text-[10px] font-medium text-white pointer-events-none", children: chunkJWS3RQKN_js.formatAxisValue(dragValue) }),
         titleDraft !== null && /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -4209,7 +4210,7 @@ function renderImg(el, style, filter, alt, opacity) {
         ] });
       }
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-gray-500 bg-gray-100", children: chunkWGLJ32FW_js.translationsEn["pptx.elementType.image"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-gray-500 bg-gray-100", children: chunkIZXN663G_js.translationsEn["pptx.elementType.image"] });
   }
   const effectStyles = {
     ...filter ? { filter } : {},
@@ -4217,28 +4218,28 @@ function renderImg(el, style, filter, alt, opacity) {
   };
   const artisticEffectName = chunkMGLRKGCH_js.isImageLikeElement(el) ? el.imageEffects?.artisticEffect : void 0;
   const artisticRadius = chunkMGLRKGCH_js.isImageLikeElement(el) ? el.imageEffects?.artisticRadius ?? 5 : 5;
-  if (chunk3P6O7ZDM_js.isImageTiled(el)) {
+  if (chunkSXCO5HHN_js.isImageTiled(el)) {
     const tileSrc = imgSrc(el);
     if (!tileSrc) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-gray-500 bg-gray-100", children: "Image" });
     }
-    const tileDuotoneColors = chunk3P6O7ZDM_js.getDuotoneColors(el);
+    const tileDuotoneColors = chunkSXCO5HHN_js.getDuotoneColors(el);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      tileDuotoneColors && chunk3P6O7ZDM_js.renderDuotoneSvgFilter(el.id, tileDuotoneColors.color1, tileDuotoneColors.color2),
-      chunk3P6O7ZDM_js.renderArtisticEffectSvgFilter(el.id, artisticEffectName, artisticRadius),
-      chunk3P6O7ZDM_js.renderImageAlphaSvgFilter(el),
+      tileDuotoneColors && chunkSXCO5HHN_js.renderDuotoneSvgFilter(el.id, tileDuotoneColors.color1, tileDuotoneColors.color2),
+      chunkSXCO5HHN_js.renderArtisticEffectSvgFilter(el.id, artisticEffectName, artisticRadius),
+      chunkSXCO5HHN_js.renderImageAlphaSvgFilter(el),
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           className: "pointer-events-none select-none w-full h-full",
-          style: { ...chunk3P6O7ZDM_js.getImageTilingStyle(el), ...effectStyles }
+          style: { ...chunkSXCO5HHN_js.getImageTilingStyle(el), ...effectStyles }
         }
       )
     ] });
   }
   const colorWash = "imageEffects" in el ? el.imageEffects?.colorWash : void 0;
   const clrChange = "imageEffects" in el ? el.imageEffects?.clrChange : void 0;
-  const duotoneColors = chunk3P6O7ZDM_js.getDuotoneColors(el);
+  const duotoneColors = chunkSXCO5HHN_js.getDuotoneColors(el);
   const useDuotoneCanvas = Boolean(duotoneColors && !clrChange);
   const filterForImg = useDuotoneCanvas ? chunkJWS3RQKN_js.getImageEffectsFilter(el, { excludeDuotone: true }) : filter;
   const canvasEffectStyles = {
@@ -4246,9 +4247,9 @@ function renderImg(el, style, filter, alt, opacity) {
     ...opacity !== void 0 ? { opacity } : {}
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    duotoneColors && !useDuotoneCanvas && chunk3P6O7ZDM_js.renderDuotoneSvgFilter(el.id, duotoneColors.color1, duotoneColors.color2),
-    chunk3P6O7ZDM_js.renderArtisticEffectSvgFilter(el.id, artisticEffectName, artisticRadius),
-    chunk3P6O7ZDM_js.renderImageAlphaSvgFilter(el),
+    duotoneColors && !useDuotoneCanvas && chunkSXCO5HHN_js.renderDuotoneSvgFilter(el.id, duotoneColors.color1, duotoneColors.color2),
+    chunkSXCO5HHN_js.renderArtisticEffectSvgFilter(el.id, artisticEffectName, artisticRadius),
+    chunkSXCO5HHN_js.renderImageAlphaSvgFilter(el),
     useDuotoneCanvas && duotoneColors ? /* @__PURE__ */ jsxRuntime.jsx(
       DuotoneImage,
       {
@@ -4359,9 +4360,9 @@ function renderInk(el, options) {
 function renderGroup(children) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full h-full pointer-events-none", children: children.map((c, childIndex) => {
     const { hf, fc, sw, sc } = shapeParams(c);
-    const ss = chunk3P6O7ZDM_js.getShapeVisualStyle(c, hf, fc, sw, sc);
-    const vs = chunk3P6O7ZDM_js.renderVectorShape(c, hf, fc, sw, sc);
-    const ts = chunk3P6O7ZDM_js.getTextStyleForElement(c, chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR);
+    const ss = chunkSXCO5HHN_js.getShapeVisualStyle(c, hf, fc, sw, sc);
+    const vs = chunkSXCO5HHN_js.renderVectorShape(c, hf, fc, sw, sc);
+    const ts = chunkSXCO5HHN_js.getTextStyleForElement(c, chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR);
     const isTxt = chunkJWS3RQKN_js.isEditableTextElement(c);
     const isI = c.type === "picture" || c.type === "image";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4371,12 +4372,12 @@ function renderGroup(children) {
         style: {
           left: c.x,
           top: c.y,
-          width: Math.max(c.width, chunk3P6O7ZDM_js.MIN_ELEMENT_SIZE),
-          height: Math.max(c.height, chunk3P6O7ZDM_js.MIN_ELEMENT_SIZE),
+          width: Math.max(c.width, chunkSXCO5HHN_js.MIN_ELEMENT_SIZE),
+          height: Math.max(c.height, chunkSXCO5HHN_js.MIN_ELEMENT_SIZE),
           transform: chunkJWS3RQKN_js.getElementTransform(c),
           transformOrigin: "center",
           overflow: isI ? "hidden" : void 0,
-          clipPath: isI ? chunk3P6O7ZDM_js.getCropShapeClipPath(c) : void 0,
+          clipPath: isI ? chunkSXCO5HHN_js.getCropShapeClipPath(c) : void 0,
           ...ss,
           // Explicit z-index preserves document order stacking within the
           // group: later children in the array (= later in p:grpSp XML)
@@ -4384,19 +4385,19 @@ function renderGroup(children) {
           // Placed after ...ss to ensure it is never overwritten.
           zIndex: childIndex
         },
-        children: isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? chunk3P6O7ZDM_js.isImageTiled(c) ? /* @__PURE__ */ jsxRuntime.jsx(
+        children: isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? chunkSXCO5HHN_js.isImageTiled(c) ? /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: "pointer-events-none select-none w-full h-full",
-            style: chunk3P6O7ZDM_js.getImageTilingStyle(c)
+            style: chunkSXCO5HHN_js.getImageTilingStyle(c)
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
             src: "svgData" in c && c.svgData ? c.svgData : c.imageData,
-            alt: chunkWGLJ32FW_js.translationsEn["pptx.ink.groupChildAlt"],
+            alt: chunkIZXN663G_js.translationsEn["pptx.ink.groupChildAlt"],
             className: "pointer-events-none select-none",
-            style: chunk3P6O7ZDM_js.getImageRenderStyle(c),
+            style: chunkSXCO5HHN_js.getImageRenderStyle(c),
             draggable: false
           }
         ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4406,7 +4407,7 @@ function renderGroup(children) {
             {
               className: "relative z-10 w-full h-full pointer-events-none whitespace-pre-wrap break-words leading-[1.3]",
               style: ts,
-              children: chunk3P6O7ZDM_js.renderTextSegments(c, chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR)
+              children: chunkSXCO5HHN_js.renderTextSegments(c, chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR)
             }
           ) : null
         ] })
@@ -4468,7 +4469,7 @@ function renderContentPart(el, options) {
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkWGLJ32FW_js.translationsEn["pptx.ink.contentPartFallback"] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkIZXN663G_js.translationsEn["pptx.ink.contentPartFallback"] });
 }
 function ExcelIcon(color, size = 32) {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [
@@ -4526,7 +4527,7 @@ function PdfIcon(color, size = 32) {
         fill: "none"
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: color, fontSize: "7", fontWeight: "bold", children: chunkWGLJ32FW_js.translationsEn["pptx.file.pdf"] })
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: color, fontSize: "7", fontWeight: "bold", children: chunkIZXN663G_js.translationsEn["pptx.file.pdf"] })
   ] });
 }
 function VisioIcon(color, size = 32) {
@@ -4755,7 +4756,7 @@ function InlineTextEditor({
       pending.endOffset
     );
   });
-  const warpStyle = chunk3P6O7ZDM_js.getTextWarpStyle(textStyleRaw);
+  const warpStyle = chunkSXCO5HHN_js.getTextWarpStyle(textStyleRaw);
   const compensationTransform = chunkJWS3RQKN_js.getTextCompensationTransform(element);
   const warpTransform = warpStyle?.transform;
   const mergedTransform = [compensationTransform, warpTransform].filter(Boolean).join(" ") || void 0;
@@ -4831,7 +4832,7 @@ function InlineTextEditor({
         const text = e.clipboardData.getData("text/plain");
         document.execCommand("insertText", false, text);
       },
-      children: seed.hasRichSegments ? chunk3P6O7ZDM_js.renderTextSegments(element, chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR) : seed.initialText
+      children: seed.hasRichSegments ? chunkSXCO5HHN_js.renderTextSegments(element, chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR) : seed.initialText
     }
   );
 }
@@ -5161,8 +5162,8 @@ function SmartArt3DRenderer({
     if (nodes.length === 0) {
       return null;
     }
-    const palette = chunk3P6O7ZDM_js.resolvePalette(element);
-    const style = chunk3P6O7ZDM_js.resolveStyle(element);
+    const palette = chunkSXCO5HHN_js.resolvePalette(element);
+    const style = chunkSXCO5HHN_js.resolveStyle(element);
     const layoutResult = chunkJWS3RQKN_js.computeSmartArtLayout(
       nodes,
       { width: element.width, height: element.height },
@@ -5471,7 +5472,7 @@ function renderBody(options) {
           textDirection: txtSE?.textDirection,
           textStyle: txtS,
           textStyleRaw: txtSE,
-          layoutStyle: chunk3P6O7ZDM_js.getTextLayoutStyle(el),
+          layoutStyle: chunkSXCO5HHN_js.getTextLayoutStyle(el),
           element: el,
           onCommit,
           onCancel,
@@ -5482,7 +5483,7 @@ function renderBody(options) {
     ] });
   }
   if (el.type === "table") {
-    return chunk3P6O7ZDM_js.renderTableElement(el, txtS, {
+    return chunkSXCO5HHN_js.renderTableElement(el, txtS, {
       editable: isSel,
       selectedCell: isSel ? tableSt : null,
       onSelectCell: onCellSel,
@@ -5513,7 +5514,7 @@ function renderBody(options) {
     );
   }
   if (el.type === "media") {
-    return chunk3P6O7ZDM_js.renderMediaElement(el, media, {
+    return chunkSXCO5HHN_js.renderMediaElement(el, media, {
       autoPlay: isPresentationPassive,
       fullScreen: isPresentationPassive && Boolean(el.fullScreen),
       isPresentationMode: isPresentationPassive,
@@ -5535,7 +5536,7 @@ function renderBody(options) {
   if (doGrp && el.type === "group" && el.children) {
     return renderGroup(el.children);
   }
-  if (chunk3P6O7ZDM_js.shouldRenderFallbackLabel(el, isTxtEl)) {
+  if (chunkSXCO5HHN_js.shouldRenderFallbackLabel(el, isTxtEl)) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkJWS3RQKN_js.getElementLabel(el) });
   }
   const isLinkedTxbx = chunkMGLRKGCH_js.hasTextProperties(el) && el.linkedTxbxId !== void 0;
@@ -5543,7 +5544,7 @@ function renderBody(options) {
   const linkedSegments = isLinkedTxbx && slideElements ? chunkMGLRKGCH_js.getLinkedTextBoxSegments(el, slideElements) : void 0;
   const warpPreset = chunkMGLRKGCH_js.hasTextProperties(el) ? el.textStyle?.textWarpPreset : void 0;
   const useSvgWarp = chunkJWS3RQKN_js.shouldUseSvgWarp(warpPreset);
-  const scene3dStyle = chunkMGLRKGCH_js.hasTextProperties(el) ? chunk3P6O7ZDM_js.buildTextBody3DSceneStyle(el.textStyle) : void 0;
+  const scene3dStyle = chunkMGLRKGCH_js.hasTextProperties(el) ? chunkSXCO5HHN_js.buildTextBody3DSceneStyle(el.textStyle) : void 0;
   const compensationTransform = chunkJWS3RQKN_js.getTextCompensationTransform(el);
   const composedTransform = [compensationTransform, scene3dStyle?.transform].filter(Boolean).join(" ") || void 0;
   const scene3dNonTransform = scene3dStyle ? {
@@ -5558,12 +5559,12 @@ function renderBody(options) {
     isTxtEl ? useSvgWarp ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "relative z-10 w-full h-full",
           onHyperlinkClick ? "" : "pointer-events-none"
         ),
         style: {
-          ...chunk3P6O7ZDM_js.getTextLayoutStyle(el),
+          ...chunkSXCO5HHN_js.getTextLayoutStyle(el),
           transform: composedTransform,
           transformOrigin: "center",
           ...scene3dNonTransform,
@@ -5575,7 +5576,7 @@ function renderBody(options) {
             element: el,
             width: el.width,
             height: el.height,
-            fallbackColor: chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR,
+            fallbackColor: chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR,
             findHighlights: findHl,
             fieldContext
           }
@@ -5584,22 +5585,22 @@ function renderBody(options) {
     ) : /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "relative z-10 w-full h-full whitespace-pre-wrap break-words leading-[1.3]",
           onHyperlinkClick ? "" : "pointer-events-none"
         ),
         style: {
-          ...chunk3P6O7ZDM_js.getTextLayoutStyle(el),
+          ...chunkSXCO5HHN_js.getTextLayoutStyle(el),
           ...txtS,
-          ...chunk3P6O7ZDM_js.getTextWarpStyle(txtSE),
+          ...chunkSXCO5HHN_js.getTextWarpStyle(txtSE),
           transform: composedTransform,
           transformOrigin: "center",
           ...scene3dNonTransform,
           ...linkedOverflowCss
         },
-        children: chunk3P6O7ZDM_js.renderTextSegments(
+        children: chunkSXCO5HHN_js.renderTextSegments(
           el,
-          chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR,
+          chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR,
           void 0,
           findHl,
           onHyperlinkClick,
@@ -5612,12 +5613,12 @@ function renderBody(options) {
     ) : chunkMGLRKGCH_js.hasTextProperties(el) && el.promptText ? useSvgWarp ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "relative z-10 w-full h-full",
           onHyperlinkClick ? "" : "pointer-events-none"
         ),
         style: {
-          ...chunk3P6O7ZDM_js.getTextLayoutStyle(el),
+          ...chunkSXCO5HHN_js.getTextLayoutStyle(el),
           transform: composedTransform,
           transformOrigin: "center",
           ...scene3dNonTransform,
@@ -5629,7 +5630,7 @@ function renderBody(options) {
             element: el,
             width: el.width,
             height: el.height,
-            fallbackColor: chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR,
+            fallbackColor: chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR,
             findHighlights: findHl,
             fieldContext
           }
@@ -5638,22 +5639,22 @@ function renderBody(options) {
     ) : /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "relative z-10 w-full h-full whitespace-pre-wrap break-words leading-[1.3]",
           onHyperlinkClick ? "" : "pointer-events-none"
         ),
         style: {
-          ...chunk3P6O7ZDM_js.getTextLayoutStyle(el),
+          ...chunkSXCO5HHN_js.getTextLayoutStyle(el),
           ...txtS,
-          ...chunk3P6O7ZDM_js.getTextWarpStyle(txtSE),
+          ...chunkSXCO5HHN_js.getTextWarpStyle(txtSE),
           transform: composedTransform,
           transformOrigin: "center",
           ...scene3dNonTransform,
           ...linkedOverflowCss
         },
-        children: chunk3P6O7ZDM_js.renderTextSegments(
+        children: chunkSXCO5HHN_js.renderTextSegments(
           el,
-          chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR,
+          chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR,
           void 0,
           findHl,
           onHyperlinkClick,
@@ -5708,8 +5709,8 @@ function LinkTooltip({ label, hasUrl }) {
 function shapeParams(el) {
   const ss = chunkMGLRKGCH_js.hasShapeProperties(el) ? el.shapeStyle : void 0;
   const sw = Math.max(0, ss?.strokeWidth || 0);
-  const sc = chunkJWS3RQKN_js.normalizeHexColor(ss?.strokeColor, chunk3P6O7ZDM_js.DEFAULT_STROKE_COLOR);
-  const fc = chunkJWS3RQKN_js.normalizeHexColor(ss?.fillColor, chunk3P6O7ZDM_js.DEFAULT_FILL_COLOR);
+  const sc = chunkJWS3RQKN_js.normalizeHexColor(ss?.strokeColor, chunkSXCO5HHN_js.DEFAULT_STROKE_COLOR);
+  const fc = chunkJWS3RQKN_js.normalizeHexColor(ss?.fillColor, chunkSXCO5HHN_js.DEFAULT_FILL_COLOR);
   const hf = ss?.fillColor !== void 0 && ss?.fillColor !== "transparent" || Boolean(chunkJWS3RQKN_js.buildCssGradientFromShapeStyle(ss) || ss?.fillGradient) || ss?.fillMode === "pattern" && Boolean(ss.fillPatternPreset);
   return { hf, fc, sw, sc };
 }
@@ -5768,15 +5769,15 @@ var ElementRenderer = React5__default.default.memo(
     const elementLocks = el.locks;
     const isTxt = chunkJWS3RQKN_js.isEditableTextElement(el) && !elementLocks?.noTextEdit;
     const txtSE = chunkMGLRKGCH_js.hasTextProperties(el) ? el.textStyle : void 0;
-    const ss = chunk3P6O7ZDM_js.getShapeVisualStyle(el, hf, fc, sw, sc);
-    const ts = chunk3P6O7ZDM_js.getTextStyleForElement(el, chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR);
-    const vs = chunk3P6O7ZDM_js.renderVectorShape(el, hf, fc, sw, sc);
+    const ss = chunkSXCO5HHN_js.getShapeVisualStyle(el, hf, fc, sw, sc);
+    const ts = chunkSXCO5HHN_js.getTextStyleForElement(el, chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR);
+    const vs = chunkSXCO5HHN_js.renderVectorShape(el, hf, fc, sw, sc);
     const isImg = el.type === "picture" || el.type === "image";
     const isModel3D = el.type === "model3d";
-    const isConn = chunk3P6O7ZDM_js.isConnectorOrLineElement(el);
+    const isConn = chunkSXCO5HHN_js.isConnectorOrLineElement(el);
     const shapeStyle3d = chunkMGLRKGCH_js.hasShapeProperties(el) ? el.shapeStyle : void 0;
     const extrusionData = React5.useMemo(
-      () => chunk3P6O7ZDM_js.build3DExtrusionData(shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height),
+      () => chunkSXCO5HHN_js.build3DExtrusionData(shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height),
       [shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height]
     );
     const [isMediaPlaying, setIsMediaPlaying] = React5.useState(false);
@@ -5830,7 +5831,7 @@ var ElementRenderer = React5__default.default.memo(
         "aria-roledescription": ariaRoleDescription,
         "aria-selected": isSelected ? true : void 0,
         tabIndex: isFocusable ? 0 : -1,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "absolute border",
           "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500",
           cur,
@@ -5912,7 +5913,7 @@ var ElementRenderer = React5__default.default.memo(
             txtSE,
             txtS: ts,
             vecShape: vs,
-            imgStyle: chunk3P6O7ZDM_js.getImageRenderStyle(el),
+            imgStyle: chunkSXCO5HHN_js.getImageRenderStyle(el),
             imgFilter: chunkJWS3RQKN_js.getImageEffectsFilter(el),
             imgOpacity: chunkJWS3RQKN_js.getImageEffectsOpacity(el),
             imgAlt: imageAltText,
@@ -6275,7 +6276,7 @@ function SectionHeader({
         /* @__PURE__ */ jsxRuntime.jsx(
           lu.LuChevronDown,
           {
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               "h-3 w-3 flex-shrink-0 transition-transform",
               isCollapsed ? "-rotate-90" : "rotate-0"
             )
@@ -6376,7 +6377,7 @@ function LazyThumbnailInner({
       className: "relative w-full overflow-hidden rounded border border-border bg-muted/30 animate-pulse",
       style: {
         height: previewHeight,
-        minWidth: chunk3P6O7ZDM_js.SLIDE_NAV_THUMBNAIL_WIDTH
+        minWidth: chunkSXCO5HHN_js.SLIDE_NAV_THUMBNAIL_WIDTH
       }
     }
   ) });
@@ -6413,7 +6414,7 @@ function buildFlatPaneItems(sectionGroups, showSectionHeaders, collapsedSections
 function estimateSlideItemHeight(canvasWidth, canvasHeight) {
   const safeW = Math.max(canvasWidth, 1);
   const safeH = Math.max(canvasHeight, 1);
-  const scale = chunk3P6O7ZDM_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeW;
+  const scale = chunkSXCO5HHN_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeW;
   const previewHeight = Math.max(56, Math.round(safeH * scale));
   return previewHeight + 30;
 }
@@ -6449,14 +6450,17 @@ function SlideItemInner({
   );
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
-  const scale = chunk3P6O7ZDM_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
+  const scale = chunkSXCO5HHN_js.SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
   const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
+    "button",
     {
+      type: "button",
       ref: slideRef,
-      className: chunk3P6O7ZDM_js.cn(
-        "group relative flex items-center gap-1 cursor-pointer py-0.5 px-1 transition-all",
+      "aria-label": `Go to slide ${slideIndex + 1}`,
+      "aria-current": isActive ? "true" : void 0,
+      className: chunkSXCO5HHN_js.cn(
+        "group relative flex w-full items-center gap-1 cursor-pointer border-0 bg-transparent py-0.5 px-1 text-left transition-all",
         isActive && "bg-accent/40 before:absolute before:left-0 before:top-1 before:bottom-1 before:w-[3px] before:bg-primary before:rounded-r",
         isHidden && "opacity-50"
       ),
@@ -6471,7 +6475,7 @@ function SlideItemInner({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: chunk3P6O7ZDM_js.cn(
+              className: chunkSXCO5HHN_js.cn(
                 "text-[10px] tabular-nums text-right select-none w-full",
                 isActive ? "text-primary font-medium" : "text-muted-foreground"
               ),
@@ -6491,7 +6495,7 @@ function SlideItemInner({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               "relative flex-1 overflow-hidden border transition-colors bg-white",
               isActive ? "border-primary/60" : "border-transparent group-hover:border-border/40"
             ),
@@ -6686,7 +6690,7 @@ function SlidesPaneSidebar({
     [sectionGroups, showSectionHeaders, collapsedSections]
   );
   const shouldVirtualize = slides.length >= VIRTUALIZATION_THRESHOLD;
-  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunk3P6O7ZDM_js.useVirtualizedSlides({
+  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkSXCO5HHN_js.useVirtualizedSlides({
     totalItems: shouldVirtualize ? flatItems.length : 0,
     itemHeight: estimatedItemHeight
   });
@@ -6912,7 +6916,7 @@ function HandoutMasterPanel({
         "button",
         {
           type: "button",
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "px-2 py-1.5 rounded text-[11px] font-medium transition-colors",
             slidesPerPage === count ? "bg-primary text-white" : "bg-accent/50 text-muted-foreground hover:bg-accent/70 hover:text-foreground"
           ),
@@ -7033,7 +7037,7 @@ function SlideMastersList({
           "div",
           {
             ref: isMasterActive ? activeRef : void 0,
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               "group relative cursor-pointer rounded-lg border-2 p-1 transition-all",
               isMasterActive ? "border-amber-500 bg-amber-500/10" : "border-border bg-background/40 hover:border-border"
             ),
@@ -7050,7 +7054,7 @@ function SlideMastersList({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 px-1", children: /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunk3P6O7ZDM_js.cn(
+                  className: chunkSXCO5HHN_js.cn(
                     "text-[10px] font-medium",
                     isMasterActive ? "text-amber-400" : "text-muted-foreground"
                   ),
@@ -7066,7 +7070,7 @@ function SlideMastersList({
             "div",
             {
               ref: isLayoutActive ? activeRef : void 0,
-              className: chunk3P6O7ZDM_js.cn(
+              className: chunkSXCO5HHN_js.cn(
                 "group relative cursor-pointer rounded-md border-2 p-0.5 transition-all",
                 isLayoutActive ? "border-primary bg-primary/10" : "border-border bg-background/40 hover:border-border"
               ),
@@ -7083,7 +7087,7 @@ function SlideMastersList({
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 px-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
-                    className: chunk3P6O7ZDM_js.cn(
+                    className: chunkSXCO5HHN_js.cn(
                       "text-[9px]",
                       isLayoutActive ? "text-primary" : "text-muted-foreground"
                     ),
@@ -7152,7 +7156,7 @@ function MasterViewSidebar({
       "button",
       {
         type: "button",
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "flex-1 px-1 py-1.5 text-[10px] font-medium transition-colors border-b-2",
           masterViewTab === tab.key ? "border-amber-500 text-amber-400" : "border-transparent text-muted-foreground hover:text-foreground"
         ),
@@ -7567,7 +7571,7 @@ function SectionBlock({
           /* @__PURE__ */ jsxRuntime.jsx(
             lu.LuChevronDown,
             {
-              className: chunk3P6O7ZDM_js.cn("h-3 w-3 transition-transform", collapsed ? "-rotate-90" : "rotate-0")
+              className: chunkSXCO5HHN_js.cn("h-3 w-3 transition-transform", collapsed ? "-rotate-90" : "rotate-0")
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-left", children: section.label }),
@@ -7614,7 +7618,7 @@ function SlideCardImpl({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk3P6O7ZDM_js.cn(
+      className: chunkSXCO5HHN_js.cn(
         "group relative cursor-pointer rounded-lg border-2 p-1 transition-all",
         isDragTarget ? "border-primary bg-primary/20" : isSelected ? "border-primary bg-primary/10 ring-1 ring-primary/50" : isActive ? "border-primary/50 bg-primary/5" : "border-border bg-background/50 hover:border-border",
         slide.hidden && "opacity-40"
@@ -7633,7 +7637,7 @@ function SlideCardImpl({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: chunk3P6O7ZDM_js.cn(
+              className: chunkSXCO5HHN_js.cn(
                 "text-[11px] font-medium",
                 isSelected ? "text-primary" : isActive ? "text-primary/70" : "text-muted-foreground"
               ),
@@ -9368,7 +9372,7 @@ var SlideNotesPanel = ({
   });
   const hasNotes = draft.trim().length > 0;
   const slideLabel = activeSlide ? t("pptx.notes.slideN", { n: activeSlide.slideNumber }) : t("pptx.notes.noSlide");
-  const { dragY, handlers: dragHandlers } = chunk3P6O7ZDM_js.useSheetDismissDrag(onToggle);
+  const { dragY, handlers: dragHandlers } = chunkSXCO5HHN_js.useSheetDismissDrag(onToggle);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -9382,7 +9386,7 @@ var SlideNotesPanel = ({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "flex flex-col border-t border-border/60 bg-background select-none",
           // On mobile, hide the entire notes strip when collapsed: the
           // MobileBottomBar's Notes button is the entry point instead.
@@ -9733,7 +9737,7 @@ function SlideDiffRow({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk3P6O7ZDM_js.cn(
+      className: chunkSXCO5HHN_js.cn(
         "rounded-lg border transition-colors",
         isResolved ? "border-border/60 bg-card/40 opacity-60" : "border-border bg-background/70"
       ),
@@ -9747,7 +9751,7 @@ function SlideDiffRow({
             children: [
               expanded ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuChevronDown, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuChevronRight, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground", children: t("pptx.compare.slideNumber", { number: slideNumber }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk3P6O7ZDM_js.cn("rounded-full px-2 py-0.5 text-[10px] font-medium", statusColor), children: statusLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkSXCO5HHN_js.cn("rounded-full px-2 py-0.5 text-[10px] font-medium", statusColor), children: statusLabel }),
               diff.changes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
                 diff.changes.length,
                 " ",
@@ -9757,7 +9761,7 @@ function SlideDiffRow({
               isResolved && /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: chunk3P6O7ZDM_js.cn(
+                  className: chunkSXCO5HHN_js.cn(
                     "text-[10px] font-medium",
                     accepted ? "text-green-400" : "text-muted-foreground"
                   ),
@@ -9785,7 +9789,7 @@ function SlideDiffRow({
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: chunk3P6O7ZDM_js.cn(
+                  className: chunkSXCO5HHN_js.cn(
                     "rounded border overflow-hidden",
                     diff.status === "added" ? "border-green-700/60" : diff.status === "changed" ? "border-amber-700/60" : "border-border"
                   ),
@@ -10460,7 +10464,7 @@ function DocumentPropertiesDialog({
   const handleClose = React5.useCallback(() => {
     onClose();
   }, [onClose]);
-  const { panelStyle, handlers: dragHandlers } = chunk3P6O7ZDM_js.useModalDismissDrag(handleClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSXCO5HHN_js.useModalDismissDrag(handleClose);
   if (!isOpen) {
     return null;
   }
@@ -11069,31 +11073,31 @@ function ScaledSlidePreviewImpl({
               const elementHeight = Math.max(element.height, 1);
               const elShapeStyle = chunkMGLRKGCH_js.hasShapeProperties(element) ? element.shapeStyle : void 0;
               const hasFill = elShapeStyle?.fillColor !== void 0 && elShapeStyle?.fillColor !== "transparent" || Boolean(chunkJWS3RQKN_js.buildCssGradientFromShapeStyle(elShapeStyle) || elShapeStyle?.fillGradient) || elShapeStyle?.fillMode === "pattern" && Boolean(elShapeStyle.fillPatternPreset);
-              const fillColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.fillColor, chunk3P6O7ZDM_js.DEFAULT_FILL_COLOR);
+              const fillColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.fillColor, chunkSXCO5HHN_js.DEFAULT_FILL_COLOR);
               const strokeWidth = Math.max(0, elShapeStyle?.strokeWidth || 0);
-              const strokeColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.strokeColor, chunk3P6O7ZDM_js.DEFAULT_STROKE_COLOR);
-              const shapeVisualStyle = chunk3P6O7ZDM_js.getShapeVisualStyle(
+              const strokeColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.strokeColor, chunkSXCO5HHN_js.DEFAULT_STROKE_COLOR);
+              const shapeVisualStyle = chunkSXCO5HHN_js.getShapeVisualStyle(
                 element,
                 hasFill,
                 fillColor,
                 strokeWidth,
                 strokeColor
               );
-              const vectorShape = chunk3P6O7ZDM_js.renderVectorShape(
+              const vectorShape = chunkSXCO5HHN_js.renderVectorShape(
                 element,
                 hasFill,
                 fillColor,
                 strokeWidth,
                 strokeColor
               );
-              const fallbackTextColor = element.type === "shape" && hasFill ? "#ffffff" : chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR;
-              const textStyle = chunk3P6O7ZDM_js.getTextStyleForElement(element, fallbackTextColor);
-              const imageRenderStyle = chunk3P6O7ZDM_js.getImageRenderStyle(element);
+              const fallbackTextColor = element.type === "shape" && hasFill ? "#ffffff" : chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR;
+              const textStyle = chunkSXCO5HHN_js.getTextStyleForElement(element, fallbackTextColor);
+              const imageRenderStyle = chunkSXCO5HHN_js.getImageRenderStyle(element);
               const canRenderText = chunkJWS3RQKN_js.isEditableTextElement(element);
               const elText = chunkMGLRKGCH_js.hasTextProperties(element) ? element.text : void 0;
               const elTextSegments = chunkMGLRKGCH_js.hasTextProperties(element) ? element.textSegments : void 0;
               const hasText = typeof elText === "string" && elText.trim().length > 0 || (elTextSegments?.length ?? 0) > 0;
-              const fallbackLabel = chunk3P6O7ZDM_js.shouldRenderFallbackLabel(element, canRenderText) ? chunkJWS3RQKN_js.getElementLabel(element) : "";
+              const fallbackLabel = chunkSXCO5HHN_js.shouldRenderFallbackLabel(element, canRenderText) ? chunkJWS3RQKN_js.getElementLabel(element) : "";
               return /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -11106,11 +11110,11 @@ function ScaledSlidePreviewImpl({
                     transform: chunkJWS3RQKN_js.getElementTransform(element),
                     transformOrigin: "center"
                   },
-                  children: (element.type === "picture" || element.type === "image") && (element.svgData || element.imageData) ? chunk3P6O7ZDM_js.isImageTiled(element) ? /* @__PURE__ */ jsxRuntime.jsx(
+                  children: (element.type === "picture" || element.type === "image") && (element.svgData || element.imageData) ? chunkSXCO5HHN_js.isImageTiled(element) ? /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
                       className: "pointer-events-none w-full h-full",
-                      style: chunk3P6O7ZDM_js.getImageTilingStyle(element)
+                      style: chunkSXCO5HHN_js.getImageTilingStyle(element)
                     }
                   ) : /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
@@ -11128,12 +11132,12 @@ function ScaledSlidePreviewImpl({
                       {
                         className: "w-full h-full whitespace-pre-wrap break-words px-1 py-0.5 leading-[1.3]",
                         style: {
-                          ...chunk3P6O7ZDM_js.getTextLayoutStyle(element),
+                          ...chunkSXCO5HHN_js.getTextLayoutStyle(element),
                           ...textStyle,
                           transform: chunkJWS3RQKN_js.getTextCompensationTransform(element),
                           transformOrigin: "center"
                         },
-                        children: chunk3P6O7ZDM_js.renderTextSegments(element, fallbackTextColor)
+                        children: chunkSXCO5HHN_js.renderTextSegments(element, fallbackTextColor)
                       }
                     ),
                     !hasText && fallbackLabel.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center text-[10px] text-muted-foreground", children: fallbackLabel })
@@ -11153,7 +11157,7 @@ function PreviewSmartArt({ element }) {
   if (!data || data.nodes.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[10px] text-muted-foreground pointer-events-none", children: "SmartArt" });
   }
-  const palette = chunk3P6O7ZDM_js.resolvePalette(element);
+  const palette = chunkSXCO5HHN_js.resolvePalette(element);
   const shapes = data.drawingShapes;
   if (shapes && shapes.length > 0) {
     let minX = Infinity;
@@ -11183,7 +11187,7 @@ function PreviewSmartArt({ element }) {
         className: "w-full h-full pointer-events-none",
         preserveAspectRatio: "xMidYMid meet",
         children: shapes.map((shape, i) => {
-          const fill = shape.fillColor ?? chunk3P6O7ZDM_js.colour(i, palette);
+          const fill = shape.fillColor ?? chunkSXCO5HHN_js.colour(i, palette);
           const relX = shape.x - minX;
           const relY = shape.y - minY;
           const isEllipse = shape.shapeType === "ellipse";
@@ -11229,7 +11233,7 @@ function PreviewSmartArt({ element }) {
   }
   const nodes = data.nodes;
   const count = nodes.length;
-  const category = data.layout ? chunk3P6O7ZDM_js.layoutToCategory(data.layout) : data.resolvedLayoutType ?? "list";
+  const category = data.layout ? chunkSXCO5HHN_js.layoutToCategory(data.layout) : data.resolvedLayoutType ?? "list";
   const useCircles = category === "cycle" || category === "radial" || category === "venn";
   const useChevrons = category === "process" || category === "chevron";
   const gap = 2;
@@ -11241,7 +11245,7 @@ function PreviewSmartArt({ element }) {
       preserveAspectRatio: "xMidYMid meet",
       children: nodes.map((node, i) => {
         const w = (100 - gap * (count - 1)) / count;
-        const fill = chunk3P6O7ZDM_js.colour(i, palette);
+        const fill = chunkSXCO5HHN_js.colour(i, palette);
         if (useCircles) {
           const r = Math.min(w, 40) / 2;
           return /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: i * (w + gap) + w / 2, cy: 30, rx: r, ry: r, fill }, node.id);
@@ -11883,7 +11887,7 @@ function SelectionPane({
             setDragIndex(null);
             setDragOverIndex(null);
           },
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "flex items-center gap-1.5 px-2 py-1 text-xs cursor-pointer transition-colors",
             isSelected ? "bg-primary/30 text-primary" : "hover:bg-muted text-foreground",
             dragOverIndex === realIndex ? "border-t-2 border-primary" : ""
@@ -12134,7 +12138,7 @@ function AnimationsSection(p) {
         type: "button",
         onClick: handlePreview,
         disabled,
-        className: chunk3P6O7ZDM_js.cn(pill, previewActive ? "bg-primary hover:bg-primary/80 text-white" : ""),
+        className: chunkSXCO5HHN_js.cn(pill, previewActive ? "bg-primary hover:bg-primary/80 text-white" : ""),
         title: t("pptx.animations.previewTooltip"),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lu.LuPlay, { className: ic2 }),
@@ -12200,7 +12204,7 @@ function AnimationsSection(p) {
       {
         type: "button",
         onClick: p.onOpenAnimationPanel ?? p.onToggleInspector,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           pill,
           p.isInspectorPaneOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
         ),
@@ -12264,7 +12268,7 @@ function ArrangeSection(p) {
         disabled: !p.canEdit || p.canActivateFormatPainter === false && !p.formatPainterActive,
         "data-testid": "format-painter-toggle",
         "data-active": p.formatPainterActive ? "true" : "false",
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           pill,
           p.formatPainterActive ? "bg-amber-600 hover:bg-amber-500 text-amber-50" : ""
         ),
@@ -12377,7 +12381,7 @@ function DesignSection(p) {
       {
         onClick: p.onToggleThemeGallery,
         disabled: !p.canEdit,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           pill,
           p.isThemeGalleryOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
         ),
@@ -12393,7 +12397,7 @@ function DesignSection(p) {
       {
         onClick: p.onToggleThemeEditor,
         disabled: !p.canEdit,
-        className: chunk3P6O7ZDM_js.cn(pill, p.isThemeEditorOpen ? "bg-primary hover:bg-primary/80 text-white" : ""),
+        className: chunkSXCO5HHN_js.cn(pill, p.isThemeEditorOpen ? "bg-primary hover:bg-primary/80 text-white" : ""),
         title: t("pptx.ribbon.editThemeTitle"),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lu.LuPencil, { className: ics }),
@@ -12418,7 +12422,7 @@ function DesignSection(p) {
       "button",
       {
         onClick: p.onToggleInspector,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           pill,
           p.isInspectorPaneOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
         ),
@@ -12460,7 +12464,7 @@ function TransitionsSection(p) {
       {
         type: "button",
         onClick: () => setSelected(preset.value),
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "flex-shrink-0 px-2 py-1 max-md:min-h-[44px] rounded border text-[11px] leading-tight transition-colors",
           selected === preset.value ? "border-primary bg-primary/10 text-primary font-medium" : "border-border bg-muted hover:bg-accent text-foreground"
         ),
@@ -12545,7 +12549,7 @@ function TransitionsSection(p) {
       {
         type: "button",
         onClick: p.onToggleInspector,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           pill,
           p.isInspectorPaneOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
         ),
@@ -12565,7 +12569,7 @@ function ReviewSection(p) {
       "button",
       {
         onClick: p.onToggleComments,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           pill,
           p.isCommentsPanelOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
         ),
@@ -12581,7 +12585,7 @@ function ReviewSection(p) {
       "button",
       {
         onClick: () => p.onSetSpellCheckEnabled(!p.spellCheckEnabled),
-        className: chunk3P6O7ZDM_js.cn(pill, p.spellCheckEnabled ? "bg-primary hover:bg-primary/80 text-white" : ""),
+        className: chunkSXCO5HHN_js.cn(pill, p.spellCheckEnabled ? "bg-primary hover:bg-primary/80 text-white" : ""),
         title: t("pptx.review.toggleSpellCheck"),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lu.LuSpellCheck, { className: ic2 }),
@@ -12629,7 +12633,7 @@ function DrawSection(p) {
       {
         type: "button",
         onClick: () => p.onSetActiveTool(tool.id),
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           i < a.length - 1 ? gB : gL,
           p.activeTool === tool.id ? tool.ac ?? "bg-accent text-foreground" : ""
         ),
@@ -12856,7 +12860,7 @@ function SlidesGroup(p) {
               type: "button",
               onClick: handleNewSlide,
               disabled: !p.canEdit || p.layoutOptions.length === 0,
-              className: chunk3P6O7ZDM_js.cn(
+              className: chunkSXCO5HHN_js.cn(
                 pill,
                 "whitespace-nowrap",
                 p.layoutOptions.length > 0 ? "rounded-r-none" : ""
@@ -13046,7 +13050,7 @@ function HomeSection(p) {
               setTimeout(() => setCutFeedback(false), 600);
             },
             disabled: !p.canEdit,
-            className: chunk3P6O7ZDM_js.cn(gB, cutFeedback && "bg-green-600/20 text-green-400"),
+            className: chunkSXCO5HHN_js.cn(gB, cutFeedback && "bg-green-600/20 text-green-400"),
             title: t("pptx.arrange.cut"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuScissors, { className: ic2 })
           }
@@ -13060,7 +13064,7 @@ function HomeSection(p) {
               setCopiedFeedback(true);
               setTimeout(() => setCopiedFeedback(false), 600);
             },
-            className: chunk3P6O7ZDM_js.cn(gB, copiedFeedback && "bg-green-600/20 text-green-400"),
+            className: chunkSXCO5HHN_js.cn(gB, copiedFeedback && "bg-green-600/20 text-green-400"),
             title: t("pptx.arrange.copy"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuCopy, { className: ic2 })
           }
@@ -13073,7 +13077,7 @@ function HomeSection(p) {
             disabled: !p.canEdit || p.canActivateFormatPainter === false && !p.formatPainterActive,
             "data-testid": "format-painter-toggle",
             "data-active": p.formatPainterActive ? "true" : "false",
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               gL,
               p.formatPainterActive ? "bg-amber-600 hover:bg-amber-500 text-amber-50" : ""
             ),
@@ -13248,7 +13252,7 @@ function InsertSection(p) {
           onChange: (e) => p.onSetNewShapeType(e.target.value),
           className: "bg-transparent py-1.5 pl-2 pr-1 outline-none text-xs",
           title: t("pptx.insert.shapeType"),
-          children: chunk3P6O7ZDM_js.SHAPE_PRESETS.map((sp) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: sp.type, className: "bg-background", children: t(sp.i18nKey) }, sp.type))
+          children: chunkSXCO5HHN_js.SHAPE_PRESETS.map((sp) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: sp.type, className: "bg-background", children: t(sp.i18nKey) }, sp.type))
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -13259,7 +13263,7 @@ function InsertSection(p) {
           className: "inline-flex items-center gap-1.5 px-2.5 py-1.5 border-l border-border hover:bg-accent transition-colors text-xs",
           title: t("pptx.insert.addShape"),
           children: [
-            chunk3P6O7ZDM_js.SHAPE_PRESETS.find((sp) => sp.type === p.newShapeType)?.icon || /* @__PURE__ */ jsxRuntime.jsx(lu.LuSquare, { className: ic2 }),
+            chunkSXCO5HHN_js.SHAPE_PRESETS.find((sp) => sp.type === p.newShapeType)?.icon || /* @__PURE__ */ jsxRuntime.jsx(lu.LuSquare, { className: ic2 }),
             t("pptx.insert.shape")
           ]
         }
@@ -13661,7 +13665,7 @@ function SlideShowSection(p) {
       "button",
       {
         onClick: p.onToggleSubtitles,
-        className: chunk3P6O7ZDM_js.cn(pill, p.showSubtitles ? "bg-primary hover:bg-primary/80 text-white" : ""),
+        className: chunkSXCO5HHN_js.cn(pill, p.showSubtitles ? "bg-primary hover:bg-primary/80 text-white" : ""),
         title: t("pptx.slideShow.subtitlesTooltip"),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lu.LuCaptions, { className: ic2 }),
@@ -14499,7 +14503,7 @@ function ViewSection(p) {
       {
         onClick: () => p.onSetEditTemplateMode(!p.editTemplateMode),
         disabled: !p.canEdit,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           pill,
           p.editTemplateMode ? "bg-amber-600 hover:bg-amber-500 text-amber-50" : ""
         ),
@@ -14512,7 +14516,7 @@ function ViewSection(p) {
       {
         type: "button",
         onClick: p.onToggleSelectionPane,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           pill,
           p.isSelectionPaneOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
         ),
@@ -14529,7 +14533,7 @@ function ViewSection(p) {
         type: "button",
         onClick: p.onToggleEyedropper,
         disabled: !p.canEdit,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           pill,
           p.eyedropperActive ? "bg-purple-600 hover:bg-purple-500 text-purple-50" : ""
         ),
@@ -14544,7 +14548,7 @@ function ViewSection(p) {
       "button",
       {
         onClick: () => p.onSetShowGrid(!p.showGrid),
-        className: chunk3P6O7ZDM_js.cn(pill, p.showGrid ? "bg-primary text-white" : ""),
+        className: chunkSXCO5HHN_js.cn(pill, p.showGrid ? "bg-primary text-white" : ""),
         title: t("pptx.grid.toggleGrid"),
         children: t("pptx.grid.grid")
       }
@@ -14553,7 +14557,7 @@ function ViewSection(p) {
       "button",
       {
         onClick: () => p.onSetShowRulers(!p.showRulers),
-        className: chunk3P6O7ZDM_js.cn(pill, p.showRulers ? "bg-primary text-white" : ""),
+        className: chunkSXCO5HHN_js.cn(pill, p.showRulers ? "bg-primary text-white" : ""),
         title: t("pptx.ruler.toggleRulers"),
         children: t("pptx.ruler.rulers")
       }
@@ -14562,7 +14566,7 @@ function ViewSection(p) {
       "button",
       {
         onClick: () => p.onSetSnapToGrid(!p.snapToGrid),
-        className: chunk3P6O7ZDM_js.cn(pill, p.snapToGrid ? "bg-primary text-white" : ""),
+        className: chunkSXCO5HHN_js.cn(pill, p.snapToGrid ? "bg-primary text-white" : ""),
         title: t("pptx.grid.snapToGrid"),
         children: t("pptx.grid.snapToGrid")
       }
@@ -14571,7 +14575,7 @@ function ViewSection(p) {
       "button",
       {
         onClick: () => p.onSetSnapToShape(!p.snapToShape),
-        className: chunk3P6O7ZDM_js.cn(pill, p.snapToShape ? "bg-primary text-white" : ""),
+        className: chunkSXCO5HHN_js.cn(pill, p.snapToShape ? "bg-primary text-white" : ""),
         title: t("pptx.grid.snapToShape"),
         children: t("pptx.grid.snapToShape")
       }
@@ -14598,7 +14602,7 @@ function ViewSection(p) {
       "button",
       {
         onClick: () => p.onSetSpellCheckEnabled(!p.spellCheckEnabled),
-        className: chunk3P6O7ZDM_js.cn(pill, p.spellCheckEnabled ? "bg-primary text-white" : ""),
+        className: chunkSXCO5HHN_js.cn(pill, p.spellCheckEnabled ? "bg-primary text-white" : ""),
         title: t("pptx.view.toggleSpellCheck"),
         children: t("pptx.view.spell")
       }
@@ -14617,7 +14621,7 @@ function MobileSheet({
   headerRight
 }) {
   const sheetRef = React5.useRef(null);
-  const { dragY, dragging, handlers } = chunk3P6O7ZDM_js.useSheetDismissDrag(onClose);
+  const { dragY, dragging, handlers } = chunkSXCO5HHN_js.useSheetDismissDrag(onClose);
   React5.useEffect(() => {
     if (!open) {
       return;
@@ -14648,7 +14652,7 @@ function MobileSheet({
       "div",
       {
         ref: sheetRef,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "relative bg-background border-t border-border rounded-t-2xl shadow-2xl flex flex-col overflow-hidden",
           "animate-in slide-in-from-bottom duration-200",
           className
@@ -14706,7 +14710,7 @@ function MobileMenuSheet(props) {
       {
         type: "button",
         onClick: () => setActive(active === key ? null : key),
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "inline-flex items-center gap-1.5 shrink-0 px-3 py-2 rounded-full text-[12px] font-medium border transition-colors min-h-[36px]",
           active === key ? "bg-primary text-white border-primary" : "border-border text-muted-foreground hover:text-foreground hover:bg-accent/40"
         ),
@@ -14997,7 +15001,7 @@ function MobileToolbar(props) {
           {
             type: "button",
             onClick: () => onSetMode("present"),
-            className: chunk3P6O7ZDM_js.cn(btn, "text-primary"),
+            className: chunkSXCO5HHN_js.cn(btn, "text-primary"),
             title: t("pptx.toolbar.present"),
             "aria-label": t("pptx.toolbar.present"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPresentation, { className: "w-5 h-5" })
@@ -15008,7 +15012,7 @@ function MobileToolbar(props) {
           {
             type: "button",
             onClick: props.onOpenShareDialog ?? props.onPackageForSharing,
-            className: chunk3P6O7ZDM_js.cn(btn, "bg-primary text-white hover:bg-primary/90 px-3"),
+            className: chunkSXCO5HHN_js.cn(btn, "bg-primary text-white hover:bg-primary/90 px-3"),
             title: t("pptx.toolbar.share"),
             "aria-label": t("pptx.toolbar.share"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuShare2, { className: "w-4 h-4" })
@@ -15033,7 +15037,7 @@ var FILL_COLORS = [
   "#008888",
   "#888888"
 ];
-var TOP_SHAPES = chunk3P6O7ZDM_js.SHAPE_PRESETS.slice(0, 12);
+var TOP_SHAPES = chunkSXCO5HHN_js.SHAPE_PRESETS.slice(0, 12);
 function DrawingGroup(p) {
   const { t } = reactI18next.useTranslation();
   const [shapesOpen, setShapesOpen] = React5.useState(false);
@@ -15114,7 +15118,7 @@ function DrawingGroup(p) {
             "button",
             {
               type: "button",
-              className: chunk3P6O7ZDM_js.cn(
+              className: chunkSXCO5HHN_js.cn(
                 "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
                 p.newShapeType === s.type && "bg-accent"
               ),
@@ -15258,7 +15262,7 @@ function DrawingGroup(p) {
           {
             type: "button",
             disabled: true,
-            className: chunk3P6O7ZDM_js.cn(pill, "opacity-50 cursor-not-allowed"),
+            className: chunkSXCO5HHN_js.cn(pill, "opacity-50 cursor-not-allowed"),
             title: t("pptx.drawing.shapeEffectsUnavailable"),
             children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSparkles, { className: ic2 })
           }
@@ -15368,7 +15372,7 @@ function TabRowActions(p) {
       {
         type: "button",
         onClick: p.onOpenShareDialog ?? p.onPackageForSharing,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "relative inline-flex items-center gap-1 px-2.5 py-1 rounded-sm text-[11px] font-medium transition-colors whitespace-nowrap",
           isCollaborating ? "bg-green-600 hover:bg-green-500 text-white" : "bg-primary hover:bg-primary/90 text-white"
         ),
@@ -15448,7 +15452,7 @@ function CustomShowsControls({
             {
               type: "button",
               onClick: onToggleCurrentSlideInActiveShow,
-              className: chunk3P6O7ZDM_js.cn(
+              className: chunkSXCO5HHN_js.cn(
                 "px-2 py-1 rounded text-[11px] transition-colors",
                 isCurrentSlideInActiveShow ? "bg-primary text-white" : "bg-muted hover:bg-accent"
               ),
@@ -15496,7 +15500,7 @@ function PresentDropdown({
         {
           type: "button",
           onClick: onPresent,
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "px-2 py-1 transition-colors",
             isActive ? "bg-primary text-white" : "hover:bg-accent text-foreground"
           ),
@@ -15509,7 +15513,7 @@ function PresentDropdown({
         {
           type: "button",
           onClick: () => setOpen((prev) => !prev),
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "px-1 py-1 transition-colors border-l border-border",
             open ? "bg-primary text-white" : "hover:bg-accent text-foreground"
           ),
@@ -15697,7 +15701,7 @@ function OverflowMenu(p) {
       {
         type: "button",
         onClick: () => p.onSetOverflowMenuOpen(!p.isOverflowMenuOpen),
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "p-1.5 rounded transition-colors",
           p.isOverflowMenuOpen ? "bg-primary/80 text-white" : "bg-muted hover:bg-accent"
         ),
@@ -15752,7 +15756,7 @@ function ToolbarPrimaryRow(p) {
       {
         type: "button",
         onClick: onToggleSidebar,
-        className: chunk3P6O7ZDM_js.cn(qab, !isSidebarCollapsed ? "text-foreground" : "text-muted-foreground"),
+        className: chunkSXCO5HHN_js.cn(qab, !isSidebarCollapsed ? "text-foreground" : "text-muted-foreground"),
         title: t("pptx.toolbar.toggleSlidesPanel"),
         "aria-label": t("pptx.toolbar.toggleSlidesPanel"),
         children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPanelLeft, { className: ic2 })
@@ -15764,7 +15768,7 @@ function ToolbarPrimaryRow(p) {
       {
         type: "button",
         onClick: p.onToggleComments,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           qab,
           "relative max-md:hidden",
           p.isCommentsPanelOpen ? "text-foreground" : "text-muted-foreground"
@@ -15831,7 +15835,7 @@ function ToolbarPrimaryRow(p) {
       {
         type: "button",
         onClick: onToggleInspector,
-        className: chunk3P6O7ZDM_js.cn(qab, isInspectorPaneOpen ? "text-foreground" : "text-muted-foreground"),
+        className: chunkSXCO5HHN_js.cn(qab, isInspectorPaneOpen ? "text-foreground" : "text-muted-foreground"),
         title: t("pptx.toolbar.toggleInspector"),
         "aria-label": t("pptx.toolbar.toggleInspector"),
         children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuPanelRight, { className: ic2 })
@@ -15842,7 +15846,7 @@ function ToolbarPrimaryRow(p) {
       {
         type: "button",
         onClick: p.onOpenSettings ?? p.onToggleShortcuts,
-        className: chunk3P6O7ZDM_js.cn(qab, "text-muted-foreground"),
+        className: chunkSXCO5HHN_js.cn(qab, "text-muted-foreground"),
         title: t("pptx.toolbar.settingsShortcuts"),
         "aria-label": t("pptx.toolbar.settings"),
         children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuSettings, { className: ics })
@@ -15881,49 +15885,58 @@ function Toolbar(p) {
       className: "relative z-20 border-b border-border bg-secondary/50 overflow-visible",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ToolbarPrimaryRow, { ...p }),
-        showRibbon && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none", children: [
-          chunk3P6O7ZDM_js.TOOLBAR_SECTIONS.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onSetToolbarSection(s.id),
-              className: chunk3P6O7ZDM_js.cn(
-                "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap transition-colors max-md:min-h-[36px] max-md:px-3",
-                toolbarSection === s.id ? s.id === "file" ? "text-white bg-primary/80 rounded-sm" : "text-foreground after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary" : s.id === "file" ? "text-primary hover:bg-primary/15 rounded-sm" : "text-muted-foreground hover:text-foreground hover:bg-accent/30"
-              ),
-              children: t(s.labelKey)
-            },
-            s.id
-          )),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TabRowActions,
-            {
-              onEnterRehearsalMode: p.canEdit ? p.onEnterRehearsalMode : void 0,
-              onOpenShareDialog: p.onOpenShareDialog,
-              onPackageForSharing: p.onPackageForSharing
-            }
-          ),
-          isNarrowViewport && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: p.onToggleCompactToolbar,
-              className: chunk3P6O7ZDM_js.cn(
-                "px-2 py-1 rounded text-[11px] transition-colors mr-1",
-                isCompactToolbarOpen ? "bg-primary/80 text-white" : "text-muted-foreground hover:text-foreground"
-              ),
-              title: t(
-                isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon"
+        showRibbon && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "tablist",
+            className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none",
+            children: [
+              chunkSXCO5HHN_js.TOOLBAR_SECTIONS.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": toolbarSection === s.id,
+                  onClick: () => onSetToolbarSection(s.id),
+                  className: chunkSXCO5HHN_js.cn(
+                    "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap transition-colors max-md:min-h-[36px] max-md:px-3",
+                    toolbarSection === s.id ? s.id === "file" ? "text-white bg-primary/80 rounded-sm" : "text-foreground after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary" : s.id === "file" ? "text-primary hover:bg-primary/15 rounded-sm" : "text-muted-foreground hover:text-foreground hover:bg-accent/30"
+                  ),
+                  children: t(s.labelKey)
+                },
+                s.id
+              )),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                TabRowActions,
+                {
+                  onEnterRehearsalMode: p.canEdit ? p.onEnterRehearsalMode : void 0,
+                  onOpenShareDialog: p.onOpenShareDialog,
+                  onPackageForSharing: p.onPackageForSharing
+                }
               ),
-              children: t(isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon")
-            }
-          )
-        ] }),
+              isNarrowViewport && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: p.onToggleCompactToolbar,
+                  className: chunkSXCO5HHN_js.cn(
+                    "px-2 py-1 rounded text-[11px] transition-colors mr-1",
+                    isCompactToolbarOpen ? "bg-primary/80 text-white" : "text-muted-foreground hover:text-foreground"
+                  ),
+                  title: t(
+                    isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon"
+                  ),
+                  children: t(isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon")
+                }
+              )
+            ]
+          }
+        ),
         showRibbon && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               "flex items-center gap-1.5 px-2 py-1 max-md:px-1 max-md:py-0.5 overflow-visible flex-nowrap",
               isNarrowViewport && !isCompactToolbarOpen && "hidden"
             ),
@@ -16161,13 +16174,13 @@ function Toolbar(p) {
 }
 var INPUT_CLS = "bg-muted border border-border rounded px-2 py-1 w-full text-[11px]";
 var SELECT_CLS = "bg-muted border border-border rounded px-2 py-1 w-full text-[11px]";
-var ENTRANCE_PRESETS = chunk3P6O7ZDM_js.ANIMATION_PRESET_OPTIONS.filter(
+var ENTRANCE_PRESETS = chunkSXCO5HHN_js.ANIMATION_PRESET_OPTIONS.filter(
   (o) => o.value === "fadeIn" || o.value === "flyIn" || o.value === "zoomIn"
 );
-var EXIT_PRESETS = chunk3P6O7ZDM_js.ANIMATION_PRESET_OPTIONS.filter(
+var EXIT_PRESETS = chunkSXCO5HHN_js.ANIMATION_PRESET_OPTIONS.filter(
   (o) => o.value === "fadeOut" || o.value === "flyOut" || o.value === "zoomOut"
 );
-var EMPHASIS_PRESETS = chunk3P6O7ZDM_js.ANIMATION_PRESET_OPTIONS.filter(
+var EMPHASIS_PRESETS = chunkSXCO5HHN_js.ANIMATION_PRESET_OPTIONS.filter(
   (o) => o.value === "spin" || o.value === "pulse" || o.value === "colorWave" || o.value === "bounce" || o.value === "flash" || o.value === "growShrink" || o.value === "teeter"
 );
 var TRIGGER_OPTIONS = [
@@ -16269,7 +16282,7 @@ function AnimationTimelineSection({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-6 rounded bg-muted/50 border border-border overflow-hidden", children: timelineBarData.map((bar) => /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "absolute top-0.5 bottom-0.5 rounded-sm transition-colors",
             animationTypeColor(bar.anim),
             bar.anim.elementId === selectedElementId && "ring-1 ring-primary"
@@ -16303,7 +16316,7 @@ function AnimationTimelineSection({
             onDragEnd: handleDragEnd,
             onMouseEnter: () => handleAnimationHover(anim),
             onMouseLeave: handleAnimationHoverEnd,
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               "flex items-center gap-1 px-1 py-0.5 rounded text-[10px] cursor-grab transition-colors",
               isSelected ? "bg-primary/30 text-primary" : "bg-muted/50 text-muted-foreground",
               isDragging && "opacity-40",
@@ -16467,13 +16480,13 @@ function useAnimationPreview({
     if (!preset || preset === "none") {
       return;
     }
-    chunk3P6O7ZDM_js.startPreviewAnimation(anim.elementId, preset, {
+    chunkSXCO5HHN_js.startPreviewAnimation(anim.elementId, preset, {
       direction: anim.direction,
       durationMs: anim.durationMs ?? 500,
       timingCurve: anim.timingCurve
     });
   }, []);
-  const handleAnimationHoverEnd = React5.useCallback(() => chunk3P6O7ZDM_js.stopPreviewAnimation(), []);
+  const handleAnimationHoverEnd = React5.useCallback(() => chunkSXCO5HHN_js.stopPreviewAnimation(), []);
   const handlePreviewClick = React5.useCallback(() => {
     if (!selectedElementAnimation) {
       return;
@@ -16482,7 +16495,7 @@ function useAnimationPreview({
     if (!preset || preset === "none") {
       return;
     }
-    chunk3P6O7ZDM_js.startPreviewAnimation(selectedElementId, preset, {
+    chunkSXCO5HHN_js.startPreviewAnimation(selectedElementId, preset, {
       direction: selectedElementAnimation.direction,
       durationMs: selectedElementAnimation.durationMs ?? 500,
       timingCurve: selectedElementAnimation.timingCurve
@@ -16814,7 +16827,7 @@ function AnimationPanel({
             {
               type: "button",
               disabled: !canEdit,
-              className: chunk3P6O7ZDM_js.cn(
+              className: chunkSXCO5HHN_js.cn(
                 "flex items-center justify-center w-7 h-7 rounded border transition-colors",
                 isActive ? "border-primary bg-primary/20 text-primary" : "border-border bg-muted text-muted-foreground hover:bg-accent"
               ),
@@ -17056,7 +17069,7 @@ function ActionTriggerSection({
       "select",
       {
         disabled: !canEdit,
-        className: chunk3P6O7ZDM_js.cn(INPUT, "w-full"),
+        className: chunkSXCO5HHN_js.cn(INPUT, "w-full"),
         value: activeType,
         onChange: (e) => onChangeType(e.target.value),
         children: ACTION_TYPE_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: t(o.label) }, o.value))
@@ -17067,7 +17080,7 @@ function ActionTriggerSection({
       {
         type: "text",
         disabled: !canEdit,
-        className: chunk3P6O7ZDM_js.cn(INPUT, "w-full"),
+        className: chunkSXCO5HHN_js.cn(INPUT, "w-full"),
         placeholder: "https://...",
         value: action?.url ?? fallbackUrl ?? "",
         onChange: (e) => onChangeUrl(e.target.value)
@@ -17078,7 +17091,7 @@ function ActionTriggerSection({
       {
         type: "number",
         disabled: !canEdit,
-        className: chunk3P6O7ZDM_js.cn(INPUT, "w-full"),
+        className: chunkSXCO5HHN_js.cn(INPUT, "w-full"),
         placeholder: t("pptx.action.slideNumberPlaceholder"),
         min: 1,
         max: slideCount,
@@ -18733,7 +18746,7 @@ function ConnectorPanel({
         "select",
         {
           disabled: !canEdit,
-          className: chunk3P6O7ZDM_js.cn(INPUT, "w-full"),
+          className: chunkSXCO5HHN_js.cn(INPUT, "w-full"),
           value: selectedElement.shapeStyle?.[key] ?? "none",
           onChange: (e) => onUpdateElementStyle({ [key]: e.target.value }),
           children: [
@@ -18785,7 +18798,7 @@ function OlePropertiesPanel({
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium",
               ole.isLinked ? "bg-blue-500/20 text-blue-400" : "bg-green-500/20 text-green-400"
             ),
@@ -18844,7 +18857,7 @@ function LayerOrderButtons({
       "button",
       {
         type: "button",
-        className: chunk3P6O7ZDM_js.cn("flex-1", BTN),
+        className: chunkSXCO5HHN_js.cn("flex-1", BTN),
         disabled: !canEdit,
         onClick: () => onMoveLayer("forward"),
         children: "\u2191 Forward"
@@ -18854,7 +18867,7 @@ function LayerOrderButtons({
       "button",
       {
         type: "button",
-        className: chunk3P6O7ZDM_js.cn("flex-1", BTN),
+        className: chunkSXCO5HHN_js.cn("flex-1", BTN),
         disabled: !canEdit,
         onClick: () => onMoveLayer("backward"),
         children: "\u2193 Backward"
@@ -18878,7 +18891,7 @@ function ArtisticEffectsGallery({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "flex flex-col items-center gap-0.5 rounded border p-0.5 hover:bg-accent/50",
             isActive ? "border-primary bg-primary/10" : "border-border"
           ),
@@ -19327,7 +19340,7 @@ function ImagePropertiesPanel({
           {
             rows: 2,
             disabled: !canEdit,
-            className: chunk3P6O7ZDM_js.cn(INPUT, "resize-none text-[11px]"),
+            className: chunkSXCO5HHN_js.cn(INPUT, "resize-none text-[11px]"),
             value: selectedElement.altText ?? "",
             onChange: (e) => onUpdateElement({
               altText: e.target.value
@@ -20286,11 +20299,11 @@ function ShapeTextPanels({
         {
           value: selectedElement.shapeType || "rect",
           disabled: !canEdit,
-          className: chunk3P6O7ZDM_js.cn(INPUT, "w-full"),
+          className: chunkSXCO5HHN_js.cn(INPUT, "w-full"),
           onChange: (e) => onUpdateElement({
             shapeType: e.target.value
           }),
-          children: chunk3P6O7ZDM_js.SHAPE_PRESETS.filter((p) => p.type !== "connector").map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.type, children: t(p.i18nKey) }, p.type))
+          children: chunkSXCO5HHN_js.SHAPE_PRESETS.filter((p) => p.type !== "connector").map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.type, children: t(p.i18nKey) }, p.type))
         }
       )
     ] }),
@@ -20420,7 +20433,7 @@ function TextFormatToggle({
     {
       type: "button",
       disabled,
-      className: chunk3P6O7ZDM_js.cn(
+      className: chunkSXCO5HHN_js.cn(
         "px-2 py-1 rounded text-[11px] transition-colors",
         italic && "italic",
         underline && "underline",
@@ -20708,8 +20721,9 @@ function SmartArtLayoutSwitcher({
         "button",
         {
           type: "button",
+          "data-testid": `smartart-layout-${type}`,
           disabled: !canEdit,
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "flex flex-col items-center gap-0.5 rounded border p-1.5 transition-colors",
             "text-[9px] leading-tight",
             isActive ? "border-primary bg-primary/15 text-primary" : "border-border text-muted-foreground hover:bg-muted hover:text-foreground",
@@ -20781,7 +20795,7 @@ function SmartArtNodeStyleControls({
             disabled: !canEdit,
             "aria-label": `Bold ${label}`,
             "aria-pressed": bold,
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               EMPHASIS_BTN,
               "font-bold",
               bold ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground"
@@ -20797,7 +20811,7 @@ function SmartArtNodeStyleControls({
             disabled: !canEdit,
             "aria-label": `Italic ${label}`,
             "aria-pressed": italic,
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               EMPHASIS_BTN,
               "italic",
               italic ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground"
@@ -20836,7 +20850,7 @@ function SmartArtNodeRow({
     "div",
     {
       role: "listitem",
-      className: chunk3P6O7ZDM_js.cn(
+      className: chunkSXCO5HHN_js.cn(
         "rounded border bg-background/60 p-1.5",
         isChild ? "border-border/60 ml-4" : "border-border"
       ),
@@ -20848,9 +20862,10 @@ function SmartArtNodeRow({
             {
               ref: inputRef,
               type: "text",
+              "data-testid": "smartart-node-text",
               disabled: !canEdit,
               "aria-label": label,
-              className: chunk3P6O7ZDM_js.cn(INPUT, "flex-1 text-[11px] py-0.5"),
+              className: chunkSXCO5HHN_js.cn(INPUT, "flex-1 text-[11px] py-0.5"),
               value: text,
               onChange: (e) => onChangeText(nodeId, e.target.value),
               onKeyDown: (e) => onKeyDown(e, nodeId),
@@ -20899,7 +20914,7 @@ function SmartArtNodeRow({
               {
                 type: "button",
                 disabled: !canEdit || removeDisabled,
-                className: chunk3P6O7ZDM_js.cn(MINI_BTN, "hover:text-red-400"),
+                className: chunkSXCO5HHN_js.cn(MINI_BTN, "hover:text-red-400"),
                 onClick: () => onRemove(nodeId),
                 "aria-label": `Remove ${label}`,
                 title: removeDisabled ? t("pptx.smartArt.layoutMinimum") : t("pptx.smartArt.remove"),
@@ -20957,7 +20972,7 @@ function SmartArtPropertiesPanel({
     const reflowed = box ? chunkJWS3RQKN_js.rebuildDrawingShapesIfCleared(
       newData,
       newData.layout,
-      chunk3P6O7ZDM_js.resolveSmartArtDataPalette(newData),
+      chunkSXCO5HHN_js.resolveSmartArtDataPalette(newData),
       newData.style ?? "flat",
       "inspector",
       box
@@ -21064,8 +21079,9 @@ function SmartArtPropertiesPanel({
           "select",
           {
             disabled: !canEdit,
+            "data-testid": "smartart-color-scheme",
             "aria-label": t("pptx.smartart.colorScheme"),
-            className: chunk3P6O7ZDM_js.cn(INPUT, "w-full"),
+            className: chunkSXCO5HHN_js.cn(INPUT, "w-full"),
             value: smartArtData.colorScheme ?? "colorful1",
             onChange: (e) => updateSmartArt({ colorScheme: e.target.value }),
             children: COLOR_SCHEMES.map((cs) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: cs, children: cs }, cs))
@@ -21080,7 +21096,7 @@ function SmartArtPropertiesPanel({
             type: "button",
             disabled: !canEdit,
             "aria-pressed": (smartArtData.style ?? "flat") === s,
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               "flex-1 px-2 py-1 text-[10px] rounded border transition-colors",
               (smartArtData.style ?? "flat") === s ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground hover:bg-muted"
             ),
@@ -21484,7 +21500,7 @@ function TableCellFormattingPanel({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "px-2 py-1 rounded text-[11px] transition-colors",
             cls,
             cs[key] ? "bg-primary text-white" : "bg-muted hover:bg-accent"
@@ -21503,7 +21519,7 @@ function TableCellFormattingPanel({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "px-2 py-1 rounded text-[11px] transition-colors",
             cs.align === val ? "bg-primary text-white" : "bg-muted hover:bg-accent"
           ),
@@ -21521,7 +21537,7 @@ function TableCellFormattingPanel({
         {
           type: "button",
           disabled: !canEdit,
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "px-2 py-1 rounded text-[11px] transition-colors",
             cs.vAlign === val ? "bg-primary text-white" : "bg-muted hover:bg-accent"
           ),
@@ -21554,7 +21570,7 @@ function TableCellFormattingPanel({
               {
                 type: "number",
                 disabled: !canEdit,
-                className: chunk3P6O7ZDM_js.cn(INPUT, "w-14"),
+                className: chunkSXCO5HHN_js.cn(INPUT, "w-14"),
                 min: 0,
                 max: 10,
                 value: cs[widthKey] ?? 1,
@@ -21570,7 +21586,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: chunk3P6O7ZDM_js.cn(BTN, "text-center"),
+            className: chunkSXCO5HHN_js.cn(BTN, "text-center"),
             onClick: () => {
               const newRows = chunkJWS3RQKN_js.computeMergeCellRight(td, rowIndex, columnIndex);
               if (newRows) {
@@ -21585,7 +21601,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: chunk3P6O7ZDM_js.cn(BTN, "text-center"),
+            className: chunkSXCO5HHN_js.cn(BTN, "text-center"),
             onClick: () => {
               const newRows = chunkJWS3RQKN_js.computeMergeCellDown(td, rowIndex, columnIndex);
               if (newRows) {
@@ -21600,7 +21616,7 @@ function TableCellFormattingPanel({
           {
             type: "button",
             disabled: !canEdit,
-            className: chunk3P6O7ZDM_js.cn(BTN, "text-center"),
+            className: chunkSXCO5HHN_js.cn(BTN, "text-center"),
             onClick: () => {
               const newRows = chunkJWS3RQKN_js.computeSplitCell(td, rowIndex, columnIndex);
               if (newRows) {
@@ -22008,7 +22024,7 @@ function InspectorCommentRow({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk3P6O7ZDM_js.cn(
+      className: chunkSXCO5HHN_js.cn(
         "rounded border border-border bg-card p-2",
         depth > 0 && "ml-3 border-l-2 border-l-primary/40"
       ),
@@ -22096,7 +22112,7 @@ function InspectorCommentRow({
               "button",
               {
                 type: "button",
-                className: chunk3P6O7ZDM_js.cn(
+                className: chunkSXCO5HHN_js.cn(
                   "inline-flex items-center justify-center p-1.5 border-l border-border transition-colors",
                   comment.resolved ? "bg-green-900/40 text-green-300 hover:bg-green-900/60" : "hover:bg-accent text-foreground hover:text-foreground"
                 ),
@@ -22290,7 +22306,7 @@ function InspectorCommentsSection({
           type: "button",
           onClick: onAddComment,
           disabled: !commentDraft.trim(),
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             "w-full inline-flex items-center justify-center gap-1 rounded px-2 py-1 text-[11px] font-medium transition-colors",
             commentDraft.trim() ? "bg-primary hover:bg-primary/80 text-white" : "bg-muted text-muted-foreground cursor-not-allowed"
           ),
@@ -22388,7 +22404,7 @@ function CustomPropertiesBlock({
         "button",
         {
           type: "button",
-          className: chunk3P6O7ZDM_js.cn(BTN, "px-1.5 text-red-400 hover:text-red-300"),
+          className: chunkSXCO5HHN_js.cn(BTN, "px-1.5 text-red-400 hover:text-red-300"),
           onClick: () => onUpdate(customProperties.filter((_, i) => i !== index)),
           children: "\xD7"
         }
@@ -22523,7 +22539,7 @@ function PresentationSettingsCard({
           "select",
           {
             disabled: !canEdit,
-            className: chunk3P6O7ZDM_js.cn(INPUT, "w-28"),
+            className: chunkSXCO5HHN_js.cn(INPUT, "w-28"),
             value: presentationProperties.showType ?? "presented",
             onChange: (e) => onUpdate({
               showType: e.target.value
@@ -22581,7 +22597,7 @@ function PresentationSettingsCard({
             min: 1,
             max: 16,
             disabled: !canEdit,
-            className: chunk3P6O7ZDM_js.cn(INPUT, "w-20"),
+            className: chunkSXCO5HHN_js.cn(INPUT, "w-20"),
             value: presentationProperties.printSlidesPerPage ?? 1,
             onChange: (e) => onUpdate({ printSlidesPerPage: Number(e.target.value) })
           }
@@ -22863,7 +22879,7 @@ function TagsSection({
               "button",
               {
                 type: "button",
-                className: chunk3P6O7ZDM_js.cn(BTN, "px-1.5 text-red-400 hover:text-red-300"),
+                className: chunkSXCO5HHN_js.cn(BTN, "px-1.5 text-red-400 hover:text-red-300"),
                 title: t("pptx.tags.deleteTag"),
                 onClick: () => deleteTag(tag.colIdx, tag.tagIdx),
                 children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuTrash2, { className: "w-3 h-3" })
@@ -22963,7 +22979,7 @@ function PresentationPropertiesPanel({
         canEdit
       }
     ),
-    activeSlide && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk3P6O7ZDM_js.cn(CARD, "space-y-1"), children: [
+    activeSlide && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkSXCO5HHN_js.cn(CARD, "space-y-1"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING, children: "Slide" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
         activeSlide.elements?.length ?? 0,
@@ -22984,7 +23000,7 @@ function SlideBackgroundPanel({
   const { t } = reactI18next.useTranslation();
   const bgImageInputRef = React5.useRef(null);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk3P6O7ZDM_js.cn(CARD, "space-y-2"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkSXCO5HHN_js.cn(CARD, "space-y-2"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING, children: "Background" }),
       /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground w-10 shrink-0", children: "Colour" }),
@@ -23030,7 +23046,7 @@ function SlideBackgroundPanel({
             "button",
             {
               type: "button",
-              className: chunk3P6O7ZDM_js.cn(BTN, "flex-1 text-center"),
+              className: chunkSXCO5HHN_js.cn(BTN, "flex-1 text-center"),
               disabled: !canEdit,
               onClick: () => bgImageInputRef.current?.click(),
               children: activeSlide.backgroundImage ? t("pptx.slideBackground.replaceImage") : t("pptx.slideBackground.chooseImage")
@@ -23063,7 +23079,7 @@ function SlideBackgroundPanel({
         "button",
         {
           type: "button",
-          className: chunk3P6O7ZDM_js.cn(BTN, "w-full text-center text-red-400 hover:text-red-300"),
+          className: chunkSXCO5HHN_js.cn(BTN, "w-full text-center text-red-400 hover:text-red-300"),
           disabled: !canEdit,
           onClick: () => onUpdateSlide({
             backgroundColor: void 0,
@@ -23094,7 +23110,7 @@ function TemplateBackgroundCard({
   onGetTemplateBackgroundColor
 }) {
   const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk3P6O7ZDM_js.cn(CARD, "space-y-2"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkSXCO5HHN_js.cn(CARD, "space-y-2"), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING, children: t("pptx.slideBackground.templateBackgroundsHeading") }),
     activeSlide.layoutPath && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -23212,7 +23228,7 @@ function InspectorPane(props) {
   } = props;
   const hasSelection = selectedElement !== null;
   const { t } = reactI18next.useTranslation();
-  const { dragY, handlers: dragHandlers } = chunk3P6O7ZDM_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers: dragHandlers } = chunkSXCO5HHN_js.useSheetDismissDrag(onClose);
   const [selectedThemePath, setSelectedThemePath] = React5.useState("");
   const ANIM_MIN = 80;
   const ANIM_MAX = 500;
@@ -23243,7 +23259,7 @@ function InspectorPane(props) {
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           // Shared styles
           "bg-background flex flex-col text-xs text-foreground shadow-xl",
           // Mobile: absolute bottom sheet overlay sized via dvh so it
@@ -23277,7 +23293,7 @@ function InspectorPane(props) {
               {
                 type: "button",
                 title: label,
-                className: chunk3P6O7ZDM_js.cn(
+                className: chunkSXCO5HHN_js.cn(
                   "flex items-center gap-1 px-2 py-1 rounded text-[11px] transition-colors",
                   activeTab === key ? "bg-primary text-white" : "text-muted-foreground hover:text-foreground hover:bg-accent"
                 ),
@@ -23302,7 +23318,7 @@ function InspectorPane(props) {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-3 space-y-3", children: [
             activeTab === "elements" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk3P6O7ZDM_js.cn(HEADING, "mb-2"), children: t("pptx.inspector.layerOrder") }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkSXCO5HHN_js.cn(HEADING, "mb-2"), children: t("pptx.inspector.layerOrder") }),
               activeSlide ? [...activeSlide.elements || []].reverse().map((el, ri) => {
                 const idx = (activeSlide.elements || []).length - 1 - ri;
                 const sel = selectedElement?.id === el.id || selectedElementIds.includes(el.id);
@@ -23311,7 +23327,7 @@ function InspectorPane(props) {
                   "div",
                   {
                     title: `${el.type} \u2014 ${el.id}`,
-                    className: chunk3P6O7ZDM_js.cn(
+                    className: chunkSXCO5HHN_js.cn(
                       "flex items-center gap-2 px-2 py-1 rounded cursor-pointer transition-colors",
                       sel ? "bg-primary/30 text-primary" : "hover:bg-muted text-foreground"
                     ),
@@ -23914,7 +23930,7 @@ function PresentationTouchControls({
   onEndPresentation
 }) {
   const { t } = reactI18next.useTranslation();
-  const { isTouchDevice } = chunk3P6O7ZDM_js.useIsMobile();
+  const { isTouchDevice } = chunkSXCO5HHN_js.useIsMobile();
   if (!isTouchDevice) {
     return null;
   }
@@ -24084,31 +24100,31 @@ function SlideLayer({ slide, templateElements, canvasSize }) {
         const elementHeight = Math.max(element.height, 1);
         const elShapeStyle = chunkMGLRKGCH_js.hasShapeProperties(element) ? element.shapeStyle : void 0;
         const hasFill = elShapeStyle?.fillColor !== void 0 && elShapeStyle?.fillColor !== "transparent" || Boolean(chunkJWS3RQKN_js.buildCssGradientFromShapeStyle(elShapeStyle) || elShapeStyle?.fillGradient) || elShapeStyle?.fillMode === "pattern" && Boolean(elShapeStyle.fillPatternPreset);
-        const fillColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.fillColor, chunk3P6O7ZDM_js.DEFAULT_FILL_COLOR);
+        const fillColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.fillColor, chunkSXCO5HHN_js.DEFAULT_FILL_COLOR);
         const strokeWidth = Math.max(0, elShapeStyle?.strokeWidth || 0);
-        const strokeColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.strokeColor, chunk3P6O7ZDM_js.DEFAULT_STROKE_COLOR);
-        const shapeVisualStyle = chunk3P6O7ZDM_js.getShapeVisualStyle(
+        const strokeColor = chunkJWS3RQKN_js.normalizeHexColor(elShapeStyle?.strokeColor, chunkSXCO5HHN_js.DEFAULT_STROKE_COLOR);
+        const shapeVisualStyle = chunkSXCO5HHN_js.getShapeVisualStyle(
           element,
           hasFill,
           fillColor,
           strokeWidth,
           strokeColor
         );
-        const vectorShape = chunk3P6O7ZDM_js.renderVectorShape(
+        const vectorShape = chunkSXCO5HHN_js.renderVectorShape(
           element,
           hasFill,
           fillColor,
           strokeWidth,
           strokeColor
         );
-        const fallbackTextColor = element.type === "shape" && hasFill ? "#ffffff" : chunk3P6O7ZDM_js.DEFAULT_TEXT_COLOR;
-        const textStyle = chunk3P6O7ZDM_js.getTextStyleForElement(element, fallbackTextColor);
-        const imageRenderStyle = chunk3P6O7ZDM_js.getImageRenderStyle(element);
+        const fallbackTextColor = element.type === "shape" && hasFill ? "#ffffff" : chunkSXCO5HHN_js.DEFAULT_TEXT_COLOR;
+        const textStyle = chunkSXCO5HHN_js.getTextStyleForElement(element, fallbackTextColor);
+        const imageRenderStyle = chunkSXCO5HHN_js.getImageRenderStyle(element);
         const canRenderText = chunkJWS3RQKN_js.isEditableTextElement(element);
         const elText = chunkMGLRKGCH_js.hasTextProperties(element) ? element.text : void 0;
         const elTextSegments = chunkMGLRKGCH_js.hasTextProperties(element) ? element.textSegments : void 0;
         const hasText = typeof elText === "string" && elText.trim().length > 0 || (elTextSegments?.length ?? 0) > 0;
-        const fallbackLabel = chunk3P6O7ZDM_js.shouldRenderFallbackLabel(element, canRenderText) ? chunkJWS3RQKN_js.getElementLabel(element) : "";
+        const fallbackLabel = chunkSXCO5HHN_js.shouldRenderFallbackLabel(element, canRenderText) ? chunkJWS3RQKN_js.getElementLabel(element) : "";
         return /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -24121,11 +24137,11 @@ function SlideLayer({ slide, templateElements, canvasSize }) {
               transform: chunkJWS3RQKN_js.getElementTransform(element),
               transformOrigin: "center"
             },
-            children: (element.type === "picture" || element.type === "image") && (element.svgData || element.imageData) ? chunk3P6O7ZDM_js.isImageTiled(element) ? /* @__PURE__ */ jsxRuntime.jsx(
+            children: (element.type === "picture" || element.type === "image") && (element.svgData || element.imageData) ? chunkSXCO5HHN_js.isImageTiled(element) ? /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 className: "pointer-events-none w-full h-full",
-                style: chunk3P6O7ZDM_js.getImageTilingStyle(element)
+                style: chunkSXCO5HHN_js.getImageTilingStyle(element)
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx(
               "img",
@@ -24143,12 +24159,12 @@ function SlideLayer({ slide, templateElements, canvasSize }) {
                 {
                   className: "w-full h-full whitespace-pre-wrap break-words px-1 py-0.5 leading-[1.3]",
                   style: {
-                    ...chunk3P6O7ZDM_js.getTextLayoutStyle(element),
+                    ...chunkSXCO5HHN_js.getTextLayoutStyle(element),
                     ...textStyle,
                     transform: chunkJWS3RQKN_js.getTextCompensationTransform(element),
                     transformOrigin: "center"
                   },
-                  children: chunk3P6O7ZDM_js.renderTextSegments(element, fallbackTextColor)
+                  children: chunkSXCO5HHN_js.renderTextSegments(element, fallbackTextColor)
                 }
               ),
               !hasText && fallbackLabel.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center text-[10px] text-muted-foreground", children: fallbackLabel })
@@ -24164,14 +24180,14 @@ function TransitionTable({
   element,
   textStyle
 }) {
-  const parsedTable = chunk3P6O7ZDM_js.parseTableElementData(element, textStyle);
+  const parsedTable = chunkSXCO5HHN_js.parseTableElementData(element, textStyle);
   if (parsedTable) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full overflow-hidden pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full h-full border-collapse table-fixed", children: [
       parsedTable.columnPercentages.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: parsedTable.columnPercentages.map((pct, ci) => /* @__PURE__ */ jsxRuntime.jsx("col", { style: { width: `${pct.toFixed(2)}%` } }, `${element.id}-tc-${ci}`)) }),
       /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: parsedTable.rows.map((row, ri) => {
-        const cells = chunk3P6O7ZDM_js.ensureArrayValue(row["a:tc"]);
+        const cells = chunkSXCO5HHN_js.ensureArrayValue(row["a:tc"]);
         const rowHeightRaw = Number.parseInt(String(row["@_h"] || ""), 10);
-        const rowHeight = Number.isFinite(rowHeightRaw) && rowHeightRaw > 0 ? Math.max(16, rowHeightRaw / chunk3P6O7ZDM_js.EMU_PER_PX) : void 0;
+        const rowHeight = Number.isFinite(rowHeightRaw) && rowHeightRaw > 0 ? Math.max(16, rowHeightRaw / chunkSXCO5HHN_js.EMU_PER_PX) : void 0;
         return /* @__PURE__ */ jsxRuntime.jsx(
           "tr",
           {
@@ -24186,7 +24202,7 @@ function TransitionTable({
               const colSpan = Number.isFinite(gridSpanRaw) && gridSpanRaw > 1 ? gridSpanRaw : void 0;
               const rowSpanRaw = Number.parseInt(String(cell["@_rowSpan"] || ""), 10);
               const rSpan = Number.isFinite(rowSpanRaw) && rowSpanRaw > 1 ? rowSpanRaw : void 0;
-              const bandStyle = chunk3P6O7ZDM_js.getTableCellBandStyle(
+              const bandStyle = chunkSXCO5HHN_js.getTableCellBandStyle(
                 element,
                 ri,
                 ci,
@@ -24200,10 +24216,10 @@ function TransitionTable({
                   colSpan,
                   rowSpan: rSpan,
                   style: {
-                    ...chunk3P6O7ZDM_js.extractTableCellStyle(cell, textStyle),
+                    ...chunkSXCO5HHN_js.extractTableCellStyle(cell, textStyle),
                     ...bandStyle
                   },
-                  children: chunk3P6O7ZDM_js.extractCellText(cell) || "\xA0"
+                  children: chunkSXCO5HHN_js.extractCellText(cell) || "\xA0"
                 },
                 `${element.id}-td-${ri}-${ci}`
               );
@@ -24225,7 +24241,7 @@ function TransitionTable({
           if (cell.hMerge || cell.vMerge) {
             return null;
           }
-          const bandStyle = chunk3P6O7ZDM_js.getTableCellBandStyle(
+          const bandStyle = chunkSXCO5HHN_js.getTableCellBandStyle(
             element,
             ri,
             ci,
@@ -24239,7 +24255,7 @@ function TransitionTable({
               colSpan: cell.gridSpan && cell.gridSpan > 1 ? cell.gridSpan : void 0,
               rowSpan: cell.rowSpan && cell.rowSpan > 1 ? cell.rowSpan : void 0,
               style: {
-                ...chunk3P6O7ZDM_js.cellStyleToCss(cell.style),
+                ...chunkSXCO5HHN_js.cellStyleToCss(cell.style),
                 ...bandStyle
               },
               children: cell.text || "\xA0"
@@ -24258,7 +24274,7 @@ function TransitionSmartArt({ element }) {
   if (!data || data.nodes.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[10px] text-muted-foreground pointer-events-none", children: "SmartArt" });
   }
-  const palette = chunk3P6O7ZDM_js.resolvePalette(element);
+  const palette = chunkSXCO5HHN_js.resolvePalette(element);
   const shapes = data.drawingShapes;
   if (shapes && shapes.length > 0) {
     let minX = Infinity;
@@ -24288,7 +24304,7 @@ function TransitionSmartArt({ element }) {
         className: "w-full h-full pointer-events-none",
         preserveAspectRatio: "xMidYMid meet",
         children: shapes.map((shape, i) => {
-          const fill = shape.fillColor ?? chunk3P6O7ZDM_js.colour(i, palette);
+          const fill = shape.fillColor ?? chunkSXCO5HHN_js.colour(i, palette);
           const relX = shape.x - minX;
           const relY = shape.y - minY;
           const isEllipse = shape.shapeType === "ellipse";
@@ -24334,7 +24350,7 @@ function TransitionSmartArt({ element }) {
   }
   const nodes = data.nodes;
   const count = nodes.length;
-  const category = data.layout ? chunk3P6O7ZDM_js.layoutToCategory(data.layout) : data.resolvedLayoutType ?? "list";
+  const category = data.layout ? chunkSXCO5HHN_js.layoutToCategory(data.layout) : data.resolvedLayoutType ?? "list";
   const useCircles = category === "cycle" || category === "radial" || category === "venn";
   const useChevrons = category === "process" || category === "chevron";
   const gap = 2;
@@ -24346,7 +24362,7 @@ function TransitionSmartArt({ element }) {
       preserveAspectRatio: "xMidYMid meet",
       children: nodes.map((node, i) => {
         const w = (100 - gap * (count - 1)) / count;
-        const fill = chunk3P6O7ZDM_js.colour(i, palette);
+        const fill = chunkSXCO5HHN_js.colour(i, palette);
         if (useCircles) {
           const r = Math.min(w, 40) / 2;
           return /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: i * (w + gap) + w / 2, cy: 30, rx: r, ry: r, fill }, node.id);
@@ -24409,6 +24425,7 @@ function PresentationTransitionOverlay({
     "div",
     {
       ref: containerRef,
+      "data-pptx-transition-overlay": true,
       className: "pptx-react-transition-overlay absolute inset-0 pointer-events-none overflow-hidden",
       style: { zIndex: outgoingZIndex },
       children: [
@@ -24416,6 +24433,7 @@ function PresentationTransitionOverlay({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
+            "data-pptx-transition-layer": "outgoing",
             className: "pptx-react-transition-layer absolute inset-0 flex items-center justify-center",
             style: {
               animation: animations.outgoing !== "none" ? animations.outgoing : void 0
@@ -24957,7 +24975,7 @@ function PrintDialog({
   defaultFrameSlides
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunk3P6O7ZDM_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSXCO5HHN_js.useModalDismissDrag(onClose);
   const [printWhat, setPrintWhat] = React5.useState("slides");
   const [orientation, setOrientation] = React5.useState("landscape");
   const [colorMode, setColorMode] = React5.useState("color");
@@ -25486,7 +25504,7 @@ function BroadcastDialog({
   const [serverUrl, setServerUrl] = React5.useState("");
   const [copied, setCopied] = React5.useState(false);
   const dialogRef = React5.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunk3P6O7ZDM_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSXCO5HHN_js.useModalDismissDrag(onClose);
   React5.useEffect(() => {
     if (open && !isBroadcasting) {
       const broadcastRoom = defaultRoomId ? `broadcast-${defaultRoomId}` : chunkJWS3RQKN_js.generateBroadcastRoomId();
@@ -25835,7 +25853,7 @@ function ShareDialog({
   const [serverUrl, setServerUrl] = React5.useState(defaultServerUrl ?? "");
   const [copied, setCopied] = React5.useState(false);
   const dialogRef = React5.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunk3P6O7ZDM_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSXCO5HHN_js.useModalDismissDrag(onClose);
   React5.useEffect(() => {
     if (activeCollaboration) {
       setRoomId(activeCollaboration.roomId);
@@ -26322,12 +26340,12 @@ function HyperlinkEditDialog({
   onCancel
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunk3P6O7ZDM_js.useModalDismissDrag(onCancel);
+  const { panelStyle, handlers: dragHandlers } = chunkSXCO5HHN_js.useModalDismissDrag(onCancel);
   const inputRef = React5.useRef(null);
-  const detectedType = chunk3P6O7ZDM_js.detectTargetType(initialUrl, initialAction);
-  const emailParts = chunk3P6O7ZDM_js.parseEmailUrl(initialUrl || "");
-  const detectedSlide = chunk3P6O7ZDM_js.parseSlideFromUrl(initialUrl, initialAction);
-  const detectedVerb = initialAction ? chunk3P6O7ZDM_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
+  const detectedType = chunkSXCO5HHN_js.detectTargetType(initialUrl, initialAction);
+  const emailParts = chunkSXCO5HHN_js.parseEmailUrl(initialUrl || "");
+  const detectedSlide = chunkSXCO5HHN_js.parseSlideFromUrl(initialUrl, initialAction);
+  const detectedVerb = initialAction ? chunkSXCO5HHN_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
   const [targetType, setTargetType] = React5.useState(detectedType);
   const [url, setUrl] = React5.useState(
     detectedType === "email" || detectedType === "slide" || detectedType === "action" ? "" : initialUrl || ""
@@ -26358,7 +26376,7 @@ function HyperlinkEditDialog({
       actionVerb
     });
   };
-  const tabCls = (active) => chunk3P6O7ZDM_js.cn(
+  const tabCls = (active) => chunkSXCO5HHN_js.cn(
     "px-3 py-1.5 text-xs rounded-t border-b-2 transition-colors",
     active ? "border-primary text-primary font-medium" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"
   );
@@ -26748,7 +26766,7 @@ function DrawingOverlaySvg({
     }
   );
 }
-function GridOverlay({ canvasSize, gridSpacingPx = chunk3P6O7ZDM_js.GRID_SIZE, visible }) {
+function GridOverlay({ canvasSize, gridSpacingPx = chunkSXCO5HHN_js.GRID_SIZE, visible }) {
   const spacing = Math.max(gridSpacingPx, 2);
   const patternId = React5.useMemo(() => `grid-dot-pattern-${Math.random().toString(36).slice(2, 8)}`, []);
   if (!visible) {
@@ -28124,6 +28142,7 @@ function ViewerInspector({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      "data-pptx-inspector": true,
       role: "complementary",
       "aria-label": t("pptx.inspector.properties"),
       className: "h-full flex-shrink-0 max-md:absolute max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:z-30",
@@ -28297,7 +28316,7 @@ function TitleBar(p) {
             role: "switch",
             "aria-checked": p.autosaveEnabled,
             onClick: p.onToggleAutosave,
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               chunkJWS3RQKN_js.TITLE_BAR_CLASSES.toggleTrack,
               p.autosaveEnabled ? chunkJWS3RQKN_js.TITLE_BAR_CLASSES.toggleTrackOn : chunkJWS3RQKN_js.TITLE_BAR_CLASSES.toggleTrackOff
             ),
@@ -28306,7 +28325,7 @@ function TitleBar(p) {
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: chunk3P6O7ZDM_js.cn(
+                className: chunkSXCO5HHN_js.cn(
                   chunkJWS3RQKN_js.TITLE_BAR_CLASSES.toggleKnob,
                   p.autosaveEnabled ? chunkJWS3RQKN_js.TITLE_BAR_CLASSES.toggleKnobOn : chunkJWS3RQKN_js.TITLE_BAR_CLASSES.toggleKnobOff
                 )
@@ -28361,7 +28380,7 @@ function TitleBar(p) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               chunkJWS3RQKN_js.TITLE_BAR_CLASSES.statusText,
               p.autosaveStatus?.state === "error" && p.autosaveEnabled && chunkJWS3RQKN_js.TITLE_BAR_CLASSES.statusError,
               p.autosaveStatus?.state === "saving" && p.autosaveEnabled && chunkJWS3RQKN_js.TITLE_BAR_CLASSES.statusSaving
@@ -28375,7 +28394,7 @@ function TitleBar(p) {
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: chunk3P6O7ZDM_js.cn(
+          className: chunkSXCO5HHN_js.cn(
             chunkJWS3RQKN_js.TITLE_BAR_CLASSES.searchBox,
             (searchFocused || p.findReplaceOpen) && "text-foreground bg-background"
           ),
@@ -28966,7 +28985,7 @@ function EquationEditorDialog({
   existingOmml
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunk3P6O7ZDM_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSXCO5HHN_js.useModalDismissDrag(onClose);
   const initialLatex = React5.useMemo(() => {
     if (!existingOmml) {
       return "";
@@ -29095,7 +29114,7 @@ function EquationEditorDialog({
                     {
                       type: "button",
                       onClick: () => handleTemplateClick(tmpl.latex),
-                      className: chunk3P6O7ZDM_js.cn(
+                      className: chunkSXCO5HHN_js.cn(
                         "flex flex-col items-center gap-1 p-2 rounded-lg border transition-colors",
                         latex === tmpl.latex ? "border-primary bg-primary/10" : "border-border bg-muted/40 hover:bg-accent/60 hover:border-border"
                       ),
@@ -29194,7 +29213,7 @@ function InsertSmartArtDialog({
   onInsert
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunk3P6O7ZDM_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSXCO5HHN_js.useModalDismissDrag(onClose);
   const [activeCategory, setActiveCategory] = React5.useState("list");
   const [selectedLayout, setSelectedLayout] = React5.useState(null);
   const filteredPresets = chunkJWS3RQKN_js.PRESETS.filter((p) => p.category === activeCategory);
@@ -29258,43 +29277,60 @@ function InsertSmartArtDialog({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-40 border-r border-border py-2", children: chunkJWS3RQKN_js.CATEGORIES.map((cat) => /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "nav",
                   {
-                    type: "button",
-                    onClick: () => {
-                      setActiveCategory(cat.id);
-                      setSelectedLayout(null);
-                    },
-                    className: chunk3P6O7ZDM_js.cn(
-                      "w-full text-left px-3 py-1.5 text-xs transition-colors",
-                      activeCategory === cat.id ? "bg-primary text-white" : "text-foreground hover:bg-muted"
-                    ),
-                    children: t(cat.label)
-                  },
-                  cat.id
-                )) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-3 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-2", children: filteredPresets.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
-                  "button",
+                    className: "w-40 border-r border-border py-2",
+                    "aria-label": t("pptx.insertSmartArt.categories"),
+                    children: chunkJWS3RQKN_js.CATEGORIES.map((cat) => /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          setActiveCategory(cat.id);
+                          setSelectedLayout(null);
+                        },
+                        className: chunkSXCO5HHN_js.cn(
+                          "w-full text-left px-3 py-1.5 text-xs transition-colors",
+                          activeCategory === cat.id ? "bg-primary text-white" : "text-foreground hover:bg-muted"
+                        ),
+                        children: t(cat.label)
+                      },
+                      cat.id
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-3 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
                   {
-                    type: "button",
-                    onClick: () => setSelectedLayout(preset.layout),
-                    onDoubleClick: () => {
-                      setSelectedLayout(preset.layout);
-                      onInsert(preset.layout, preset.defaultItems);
-                      onClose();
-                    },
-                    className: chunk3P6O7ZDM_js.cn(
-                      "flex flex-col items-center gap-1 p-2 rounded border transition-colors",
-                      selectedLayout === preset.layout ? "border-primary bg-primary/20" : "border-border hover:border-border hover:bg-muted/50"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-12 flex items-center justify-center bg-muted rounded", children: getPreviewForLayout(preset.layout) }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-foreground text-center leading-tight", children: t(preset.labelKey) })
-                    ]
-                  },
-                  preset.layout
-                )) }) })
+                    className: "grid grid-cols-3 gap-2",
+                    role: "listbox",
+                    "aria-label": t("pptx.insertSmartArt.layouts"),
+                    children: filteredPresets.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        role: "option",
+                        "aria-selected": selectedLayout === preset.layout,
+                        onClick: () => setSelectedLayout(preset.layout),
+                        onDoubleClick: () => {
+                          setSelectedLayout(preset.layout);
+                          onInsert(preset.layout, preset.defaultItems);
+                          onClose();
+                        },
+                        className: chunkSXCO5HHN_js.cn(
+                          "flex flex-col items-center gap-1 p-2 rounded border transition-colors",
+                          selectedLayout === preset.layout ? "border-primary bg-primary/20" : "border-border hover:border-border hover:bg-muted/50"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-12 flex items-center justify-center bg-muted rounded", children: getPreviewForLayout(preset.layout) }),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-foreground text-center leading-tight", children: t(preset.labelKey) })
+                        ]
+                      },
+                      preset.layout
+                    ))
+                  }
+                ) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-border", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -29312,7 +29348,7 @@ function InsertSmartArtDialog({
                     type: "button",
                     onClick: handleInsert,
                     disabled: !selectedLayout,
-                    className: chunk3P6O7ZDM_js.cn(
+                    className: chunkSXCO5HHN_js.cn(
                       "px-3 py-1.5 text-xs rounded transition-colors",
                       selectedLayout ? "bg-primary hover:bg-primary/80 text-white" : "bg-muted text-muted-foreground cursor-not-allowed"
                     ),
@@ -29678,7 +29714,7 @@ function ViewerCanvasArea(props) {
       s.setActiveSlideIndex((i) => Math.max(0, i - 1));
     }
   }, [mode, presentation, s]);
-  const swipe = chunk3P6O7ZDM_js.useSwipeNavigation({
+  const swipe = chunkSXCO5HHN_js.useSwipeNavigation({
     enabled: swipeEnabled,
     onNext: handleSwipeNext,
     onPrev: handleSwipePrev
@@ -30465,7 +30501,7 @@ function MobileDismissSheet({
   className,
   children
 }) {
-  const { dragY, handlers } = chunk3P6O7ZDM_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers } = chunkSXCO5HHN_js.useSheetDismissDrag(onClose);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -30734,7 +30770,7 @@ function ThemeThumbnail({
     {
       type: "button",
       onClick,
-      className: chunk3P6O7ZDM_js.cn(
+      className: chunkSXCO5HHN_js.cn(
         "group relative flex flex-col rounded-lg border-2 transition-all overflow-hidden",
         selected ? "border-primary shadow-lg scale-[1.02]" : "border-border hover:border-primary/50 hover:shadow-md"
       ),
@@ -31227,11 +31263,12 @@ function MobileBottomBar({
           {
             type: "button",
             onClick,
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               "relative flex flex-col items-center justify-center gap-0.5 flex-1 min-h-[56px] py-1.5 text-[10px] font-medium transition-colors active:scale-95",
               active ? "text-primary" : "text-muted-foreground hover:text-foreground"
             ),
             "aria-pressed": active,
+            "aria-label": key === "notes" ? t("pptx.statusBar.toggleNotes") : void 0,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "w-5 h-5" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: t(label) }),
@@ -31274,7 +31311,7 @@ function MobileChromeOverlay(props) {
     canEdit,
     commentCount
   } = props;
-  const { keyboardInset, isKeyboardOpen } = chunk3P6O7ZDM_js.useKeyboardInsets();
+  const { keyboardInset, isKeyboardOpen } = chunkSXCO5HHN_js.useKeyboardInsets();
   const activeSheet = s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null;
   const closeAllSheets = () => {
     s.setIsSlidesPaneOpen(false);
@@ -31369,7 +31406,7 @@ function ToggleSwitch({
       {
         type: "button",
         onClick: onToggle,
-        className: chunk3P6O7ZDM_js.cn(
+        className: chunkSXCO5HHN_js.cn(
           "relative inline-flex h-5 w-9 items-center rounded-full transition-colors",
           enabled ? "bg-primary" : "bg-muted-foreground/30"
         ),
@@ -31379,7 +31416,7 @@ function ToggleSwitch({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
-            className: chunk3P6O7ZDM_js.cn(
+            className: chunkSXCO5HHN_js.cn(
               "inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform",
               enabled ? "translate-x-[18px]" : "translate-x-[3px]"
             )
@@ -31406,7 +31443,7 @@ function SettingsDialog({
   const [activeTab, setActiveTab] = React5.useState("general");
   const [autoSave, setAutoSave] = React5.useState(true);
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunk3P6O7ZDM_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSXCO5HHN_js.useModalDismissDrag(onClose);
   const handleKeyDown = React5.useCallback(
     (e) => {
       if (e.key === "Escape") {
@@ -31478,7 +31515,7 @@ function SettingsDialog({
                 {
                   type: "button",
                   onClick: () => setActiveTab(tab.id),
-                  className: chunk3P6O7ZDM_js.cn(
+                  className: chunkSXCO5HHN_js.cn(
                     "px-3 py-2 text-xs font-medium transition-colors relative",
                     activeTab === tab.id ? "text-primary" : "text-muted-foreground hover:text-foreground"
                   ),
@@ -31540,10 +31577,10 @@ function SettingsDialog({
                     }
                   )
                 ] }),
-                activeTab === "shortcuts" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: chunk3P6O7ZDM_js.SHORTCUT_REFERENCE_ITEMS.map((shortcut, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                activeTab === "shortcuts" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: chunkSXCO5HHN_js.SHORTCUT_REFERENCE_ITEMS.map((shortcut, i) => /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
-                    className: chunk3P6O7ZDM_js.cn(
+                    className: chunkSXCO5HHN_js.cn(
                       "flex items-center justify-between gap-3 rounded px-3 py-2",
                       i % 2 === 0 ? "bg-muted/60" : ""
                     ),
@@ -31618,8 +31655,8 @@ var PowerPointViewer = React5.forwardRef(
     const [isSettingsOpen, setIsSettingsOpen] = React5.useState(false);
     const [autosaveEnabled, setAutosaveEnabled] = React5.useState(true);
     const [isShareDialogOpen, setIsShareDialogOpen] = React5.useState(false);
-    const { reducedMotion, toggleReducedMotion } = chunk3P6O7ZDM_js.useReducedMotion();
-    const state = chunk3P6O7ZDM_js.useViewerState({ content, canEdit });
+    const { reducedMotion, toggleReducedMotion } = chunkSXCO5HHN_js.useReducedMotion();
+    const state = chunkSXCO5HHN_js.useViewerState({ content, canEdit });
     const {
       containerRef,
       mode,
@@ -31634,10 +31671,10 @@ var PowerPointViewer = React5.forwardRef(
       activeSlide,
       selectedElement
     } = state;
-    const mobile = chunk3P6O7ZDM_js.useIsMobile({ containerRef });
+    const mobile = chunkSXCO5HHN_js.useIsMobile({ containerRef });
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
-    const resizablePanels = chunk3P6O7ZDM_js.useResizablePanels();
-    const { gridSpacingPx, visibleSlideIndexes, slideSectionGroups, masterPseudoSlide } = chunk3P6O7ZDM_js.useDerivedSlideState({
+    const resizablePanels = chunkSXCO5HHN_js.useResizablePanels();
+    const { gridSpacingPx, visibleSlideIndexes, slideSectionGroups, masterPseudoSlide } = chunkSXCO5HHN_js.useDerivedSlideState({
       slides,
       sections: state.sections,
       customShows: state.customShows,
@@ -31659,11 +31696,11 @@ var PowerPointViewer = React5.forwardRef(
         state.isDrawingRef
       ]
     );
-    const zoom = chunk3P6O7ZDM_js.useZoomViewport({
+    const zoom = chunkSXCO5HHN_js.useZoomViewport({
       canvasSize,
       selectedElements: state.selectedElements
     });
-    const history = chunk3P6O7ZDM_js.useEditorHistory({
+    const history = chunkSXCO5HHN_js.useEditorHistory({
       slides,
       canvasSize,
       activeSlideIndex,
@@ -31685,7 +31722,7 @@ var PowerPointViewer = React5.forwardRef(
       setEditTemplateMode: state.setEditTemplateMode,
       setHeaderFooter: state.setHeaderFooter
     });
-    const { presentation, annotations, actionSoundHandlerRef } = chunk3P6O7ZDM_js.usePresentationSetup({
+    const { presentation, annotations, actionSoundHandlerRef } = chunkSXCO5HHN_js.usePresentationSetup({
       mode,
       slides,
       visibleSlideIndexes,
@@ -31699,7 +31736,7 @@ var PowerPointViewer = React5.forwardRef(
       setSlides: state.setSlides,
       history
     });
-    chunk3P6O7ZDM_js.useTouchGestures({
+    chunkSXCO5HHN_js.useTouchGestures({
       targetRef: zoom.canvasViewportRef,
       currentScale: zoom.scale,
       callbacks: {
@@ -31721,7 +31758,7 @@ var PowerPointViewer = React5.forwardRef(
       },
       enabled: isTouchDevice
     });
-    const dialogs = chunk3P6O7ZDM_js.useViewerDialogs({
+    const dialogs = chunkSXCO5HHN_js.useViewerDialogs({
       mode,
       slides,
       activeSlide,
@@ -31762,7 +31799,7 @@ var PowerPointViewer = React5.forwardRef(
       zoom.handleZoomToFit();
       zoom.canvasViewportRef.current?.scrollTo({ left: 0, top: 0 });
     }, [mode]);
-    const editorOps = chunk3P6O7ZDM_js.useEditorOperations({
+    const editorOps = chunkSXCO5HHN_js.useEditorOperations({
       state,
       history,
       zoom,
@@ -31794,7 +31831,7 @@ var PowerPointViewer = React5.forwardRef(
       autosaveStatus,
       isEncryptedDialogOpen,
       setIsEncryptedDialogOpen
-    } = chunk3P6O7ZDM_js.useViewerIntegration({
+    } = chunkSXCO5HHN_js.useViewerIntegration({
       state,
       zoom,
       history,
@@ -32127,7 +32164,7 @@ function CollaborationDocumentSync({
     }
     return bytes instanceof Uint8Array ? bytes : new Uint8Array(bytes);
   }, []);
-  chunk3P6O7ZDM_js.useYjsDocumentSync({
+  chunkSXCO5HHN_js.useYjsDocumentSync({
     doc: collab?.doc ?? null,
     slides,
     templateElementsBySlideId,
@@ -32145,13 +32182,13 @@ function CollaborationFollowLayer({
   slideCount
 }) {
   const collab = useCollaboration();
-  const { followedClientId, followUser } = chunk3P6O7ZDM_js.useFollowMode({
+  const { followedClientId, followUser } = chunkSXCO5HHN_js.useFollowMode({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,
     slideCount
   });
-  chunk3P6O7ZDM_js.useBroadcastFollower({
+  chunkSXCO5HHN_js.useBroadcastFollower({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,