pptx-vanilla-viewer 2.1.1 → 2.1.3

package/dist/styles.css

@@ -170,9 +170,17 @@
 .pptxv-titlebar-dot { color: var(--pptx-muted-foreground); }
 .pptxv-titlebar-status.is-error { color: #dc2626; }
 .pptxv-titlebar-status.is-saving { color: #ca8a04; }
-.pptxv-titlebar-search { position: absolute; left: 50%; width: min(320px, 30vw); transform: translateX(-50%); }
-.pptxv-titlebar-spacer { flex: 1; min-width: 20px; }
-.pptxv-cmdsearch { position: relative; width: 100%; }
+/*
+ * Flex-based centering (not position:absolute + left:50%): an absolutely
+ * positioned box centers on the FULL bar width regardless of how much room
+ * the file name / status text on the left actually uses, so a longer status
+ * message (e.g. "Saved to this PC") gets visually covered by the search box
+ * instead of the two ever sharing space. flex:1 here reserves the real
+ * remaining width between the file group and the bar's end, and centers the
+ * search box within that.
+ */
+.pptxv-titlebar-search { flex: 1 1 auto; display: flex; justify-content: center; min-width: 20px; }
+.pptxv-cmdsearch { position: relative; width: min(320px, 30vw); }
 .pptxv-cmdsearch-box { display: flex; align-items: center; gap: 5px; height: 24px; padding: 0 8px; border: 1px solid var(--pptx-border); border-radius: 4px; background: var(--pptx-muted); color: var(--pptx-muted-foreground); }
 .pptxv-cmdsearch-box svg { width: 13px; height: 13px; flex: none; }
 .pptxv-cmdsearch-input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--pptx-foreground); font: inherit; }
@@ -181,7 +189,47 @@
 .pptxv-cmdsearch-item { cursor: pointer; }
 .pptxv-cmdsearch-item:hover { background: var(--pptx-accent); color: var(--pptx-accent-foreground); }
 .pptxv-cmdsearch-empty { color: var(--pptx-muted-foreground); }
-@media (max-width: 767px), (max-width: 1023px) and (max-height: 520px) { .pptxv-titlebar { display: none; } }
+@media (max-width: 767px), (max-width: 1023px) and (max-height: 520px) { .pptxv-titlebar, .pptxv-qat-row { display: none; } }
+
+/* Quick Access Toolbar docked below the Ribbon (Options > Quick Access
+   Toolbar > position); hidden and empty until the strip is moved in. */
+.pptxv-qat-row {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+	min-height: 36px;
+	padding: 0 8px;
+	border-bottom: 1px solid var(--pptx-border);
+	background: var(--pptx-card);
+}
+.pptxv-qat-row .pptxv-qat { display: flex; align-items: center; gap: 4px; }
+
+/* Trust Center > Protected View banner: PowerPoint's persistent "this file
+   is read-only until you Enable Editing" bar under the Ribbon. */
+.pptxv-protected-view {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: 6px 8px;
+	background: #fef3c7;
+	color: #78350f;
+	border-bottom: 1px solid #fcd34d;
+	font-size: 11px;
+}
+.pptxv-protected-view svg { width: 16px; height: 16px; flex: none; }
+.pptxv-protected-view-text { flex: 1 1 auto; }
+.pptxv-protected-view-enable {
+	flex: none;
+	padding: 3px 10px;
+	border: 1px solid #b45309;
+	border-radius: 4px;
+	background: #fff;
+	color: #78350f;
+	font: inherit;
+	font-weight: 600;
+	cursor: pointer;
+}
+.pptxv-protected-view-enable:hover { background: #fde68a; }
 
 /* ── Body: thumbnail rail + viewport ─────────────────────────────────── */
 .pptxv-body { display: flex; flex: 1; min-height: 0; }
@@ -321,12 +369,12 @@
 	overflow: auto;
 	display: grid;
 	/*
-	 * Centred across, TOP-aligned down, which is what React's canvas does
-	 * (mx-auto my-4). Centring both ways only looks the same while the slide
-	 * nearly fills the area: on a phone the slide floated in the middle of a
-	 * screen-tall gap while React had it just under the toolbar.
+	 * Centred both ways, matching every other binding's canvas viewport
+	 * (React/Vue/Angular now flex + 'margin: auto', Svelte flex + 'margin:
+	 * auto'): the slide sits in the middle of the scroll area rather than
+	 * pinned under the toolbar.
 	 */
-	place-items: start center;
+	place-items: center center;
 	padding: 16px;
 	background: var(--pptx-muted);
 }
@@ -354,11 +402,18 @@
 .pptxv-para { margin: 0; }
 
 /* ── Selection overlay (editing) ─────────────────────────────────────── */
+/* Every slide element carries an explicit numeric z-index (index-based, see
+   element-styles.ts), so on a slide with more than 5 elements this host used
+   to paint BEHIND later ones, hiding the selected element's own resize/rotate
+   handles behind its own fill (worst on a rotated shape, where the rotate
+   knob deliberately overlaps the box) and stealing their clicks. Pinned above
+   any realistic per-slide element count, matching the React binding's
+   'SelectionHandleOverlay' (z-index 58). */
 .pptxv-editor-overlay {
 	position: absolute;
 	inset: 0;
 	pointer-events: none;
-	z-index: 5;
+	z-index: 58;
 }
 .pptxv-sel-box {
 	position: absolute;
@@ -740,6 +795,8 @@
 /* ── Presentation (fullscreen) mode ──────────────────────────────────── */
 .pptxv.pptxv-presenting .pptxv-ribbon,
 .pptxv.pptxv-presenting .pptxv-thumbs,
+.pptxv.pptxv-presenting .pptxv-qat-row,
+.pptxv.pptxv-presenting .pptxv-protected-view,
 .pptxv.pptxv-presenting .pptxv-titlebar { display: none; }
 /* A show letterboxes the slide in the middle of the black, so the editing
    canvas's top alignment is overridden back to centred here. */
@@ -1315,7 +1372,7 @@
 .pptxv-ribbon-tab-content {
 	display: flex;
 	flex-wrap: nowrap;
-	align-items: stretch;
+	align-items: center;
 	gap: 0;
 	min-height: 82px;
 	padding: 2px 4px;
@@ -2818,11 +2875,11 @@
 	.pptxv-mobile-toolbar-ai .pptxv-ai-toggle.is-active { color: var(--pptx-primary); background: transparent; }
 	.pptxv-mobile-share { min-width: 44px; background: var(--pptx-primary); color: var(--pptx-primary-foreground); }
 	.pptxv-mobile-actions { display: contents; }
-	.pptxv-mobile-actions > nav { position: relative; z-index: 50; display: flex; flex: none; min-height: 64px; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--pptx-border); background: var(--pptx-card); }
+	.pptxv-mobile-actions > nav { position: relative; z-index: 50; display: flex; flex: none; min-height: 56px; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--pptx-border); background: var(--pptx-card); }
 	.pptxv-mobile-actions > nav button { position: relative; display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 44px; border: 0; background: transparent; color: var(--pptx-muted-foreground); font-size: 10px; touch-action: manipulation; }
 	.pptxv-mobile-actions > nav button svg { width: 20px; height: 20px; }
 	.pptxv-mobile-actions > nav button[aria-pressed='true'] { color: var(--pptx-primary); }
-	.pptxv-mobile-sheet-host { position: absolute; z-index: 48; inset: 0 0 64px; display: flex; align-items: end; }
+	.pptxv-mobile-sheet-host { position: absolute; z-index: 48; inset: 0 0 56px; display: flex; align-items: end; }
 	.pptxv-mobile-sheet-host[hidden] { display: none; }
 	.pptxv-mobile-sheet-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgb(0 0 0 / 40%); }
 	.pptxv-mobile-sheet { position: relative; display: flex; flex-direction: column; width: 100%; max-height: min(70dvh, 620px); border: 1px solid var(--pptx-border); border-bottom: 0; border-radius: 16px 16px 0 0; background: var(--pptx-background); box-shadow: 0 -12px 36px rgb(0 0 0 / 35%); transition: transform 150ms ease-out; }
@@ -3051,6 +3108,10 @@ label.pptxv-options-row { cursor: pointer; }
 .pptxv.pptxv-no-show-popup .pptxv-presentation-touch-prev,
 .pptxv.pptxv-no-show-popup .pptxv-presentation-touch-next,
 .pptxv.pptxv-no-show-popup .pptxv-presentation-touch-counter { display: none !important; }
+/* The desktop hover toolbar (createPresentationToolbar) sets its own inline
+   opacity/pointer-events on mousemove; !important here is required to win
+   over that inline style regardless of the JS auto-show timer. */
+.pptxv.pptxv-no-show-popup .pptxv-present-toolbar-wrap { opacity: 0 !important; pointer-events: none !important; }
 @media (max-width: 767px) { .pptxv-options-body { flex-direction: column; } .pptxv-options-nav { flex-direction: row; width: 100%; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--pptx-border); } }
 
 
@@ -3086,13 +3147,27 @@ label.pptxv-options-row { cursor: pointer; }
 }
 /* Animations > Motion Paths: the five PowerPoint families in captioned
    columns, sharing the preset gallery's capped/scrollable box so the ribbon
-   keeps its single-row height. */
+   keeps its single-row height.
+
+   max-width: 420px + overflow-x: auto matches the cap React applies to the
+   RibbonGroup that wraps its MotionPathGallery (max-w-[420px]
+   overflow-hidden). Without a width cap here, this binding's five family
+   columns (each already capped individually at 150px via
+   .pptxv-motion-path-gallery-items) still combine to ~800px, wide enough
+   to push the Advanced Animation and Timing groups after it off the
+   ribbon's visible row: reachable only via a second, easy-to-miss nested
+   horizontal scrollbar (the reported Animations-tab clipping).
+   overflow-x: auto (rather than React's overflow-hidden on its wrapper)
+   keeps every family reachable via a small scrollbar instead of silently
+   hiding whatever a hard clip would cut off. */
 .pptxv-motion-path-gallery {
 	display: flex;
 	align-items: flex-start;
 	gap: 8px;
+	max-width: 420px;
 	max-height: 62px;
 	padding: 2px 4px;
+	overflow-x: auto;
 	overflow-y: auto;
 	border: 1px solid color-mix(in srgb, var(--pptx-border) 60%, transparent);
 	border-radius: var(--pptx-radius);
@@ -3900,12 +3975,12 @@ svg[data-pptx-motion-path-overlay] [data-pptx-motion-path-handle] { pointer-even
 }
 
 /* ── Mobile: bottom sheet instead of a full-width drawer that hides the
-   canvas. Anchored above the mobile bottom-action nav (64px + safe area) so
+   canvas. Anchored above the mobile bottom-action nav (56px + safe area) so
    the slide stage stays visible and tappable above the sheet. Uses the same
    breakpoint as the rest of the mobile chrome (mobile-sheet-css.ts). ────── */
 @media (max-width: 767px), (max-width: 1023px) and (max-height: 520px) {
 	.pptxv-ai-panel {
-		inset: auto 0 calc(64px + env(safe-area-inset-bottom)) 0;
+		inset: auto 0 calc(56px + env(safe-area-inset-bottom)) 0;
 		width: auto;
 		height: min(75dvh, 640px);
 		z-index: 46;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-vanilla-viewer",
-	"version": "2.1.1",
+	"version": "2.1.3",
 	"description": "Zero-framework PowerPoint viewer and editor: render, edit, present, and export PPTX slides with plain DOM, no React/Vue/Angular required.",
 	"keywords": [
 		"javascript",

package/dist/ai-panel-SWS2Z3DG.cjs

@@ -1 +0,0 @@
-'use strict';var chunkUWGSLLDO_cjs=require('./chunk-UWGSLLDO.cjs');require('./chunk-4VDLQK6F.cjs');function K(o){let{doc:t,t:n,controller:i}=o,a=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-focus"),h=(p,m,l)=>{let s=chunkUWGSLLDO_cjs.fl(t,"button","pptxv-ai-focus-btn");return s.type="button",s.title=m,s.setAttribute("aria-label",m),s.appendChild(chunkUWGSLLDO_cjs.ql(t,p)),s.addEventListener("click",l),s},x=()=>{a.replaceChildren();let p=i.getEffectiveTargets(),m=i.hasPicks(),l=i.isPinned(),s=i.isPicking(),g=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-focus-row"),f=chunkUWGSLLDO_cjs.fl(t,"span","pptxv-ai-focus-label");f.textContent=n("pptx.ai.focusScope"),g.appendChild(f);for(let r of chunkUWGSLLDO_cjs.al(p,o.getSlides())){let b=chunkUWGSLLDO_cjs.fl(t,"span","pptxv-ai-focus-chip");(m||l)&&b.classList.add("is-strong"),b.title=r.title,b.textContent=r.label,g.appendChild(b);}if(l){let r=chunkUWGSLLDO_cjs.fl(t,"span","pptxv-ai-focus-pinned");r.textContent=n("pptx.ai.pinnedFocus"),g.appendChild(r);}let C=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-focus-actions"),d=chunkUWGSLLDO_cjs.bl(p,o.getSlides());if(d){let r=chunkUWGSLLDO_cjs.fl(t,"button","pptxv-ai-focus-merge");r.type="button",r.append(chunkUWGSLLDO_cjs.ql(t,"git-merge"),t.createTextNode(n("pptx.ai.mergeSelectedTables"))),r.addEventListener("click",()=>o.onSendDirective(chunkUWGSLLDO_cjs.cl(d.slideIndex,d.elementIdA,d.elementIdB))),C.appendChild(r);}let y=h("crosshair",n("pptx.ai.pickElement"),()=>s?i.stopPicking():i.startPicking());if(y.setAttribute("aria-pressed",String(s)),y.classList.toggle("is-active",s),C.appendChild(y),m?C.appendChild(h("close",n("pptx.ai.pickClear"),()=>i.clearPicks())):l?C.appendChild(h("pin-off",n("pptx.ai.clearFocus"),()=>i.clearPinnedFocus())):C.appendChild(h("pin",n("pptx.ai.pinFocus"),()=>i.pinFocus())),g.appendChild(C),a.appendChild(g),s){let r=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-focus-pick"),b=chunkUWGSLLDO_cjs.ql(t,"crosshair");b.classList.add("pptxv-ai-focus-pick-icon");let k=chunkUWGSLLDO_cjs.fl(t,"span","pptxv-ai-focus-pick-hint");k.textContent=n("pptx.ai.pickElementHint");let T=chunkUWGSLLDO_cjs.fl(t,"button","pptxv-ai-focus-pick-done");T.type="button",T.textContent=n("pptx.ai.pickDone"),T.addEventListener("click",()=>i.stopPicking()),r.append(b,k,T),a.appendChild(r);}},c=i.subscribe(x);return x(),{el:a,destroy(){c(),a.remove();}}}function O(o){let{doc:t,t:n}=o,i=chunkUWGSLLDO_cjs.fl(t,"button","pptxv-ai-chats");i.type="button",i.append(chunkUWGSLLDO_cjs.ql(t,"history"),t.createTextNode(n("pptx.ai.chats")));let a=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-history");a.hidden=true;let h=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-history-head"),x=chunkUWGSLLDO_cjs.fl(t,"span","pptxv-ai-history-title");x.textContent=n("pptx.ai.historyTitle");let c=chunkUWGSLLDO_cjs.fl(t,"button","pptxv-ai-history-new");c.type="button",c.append(chunkUWGSLLDO_cjs.ql(t,"plus"),t.createTextNode(n("pptx.ai.newChat"))),h.append(x,c);let p=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-history-body"),m=chunkUWGSLLDO_cjs.fl(t,"p","pptxv-ai-history-hint");m.textContent=n("pptx.ai.historyHint"),a.append(h,p,m);let l=chunkUWGSLLDO_cjs.wl({deckId:o.deckId,store:o.store,getMessages:o.getMessages,setMessages:o.setMessages,untitledLabel:n("pptx.ai.untitledChat"),onChatsChanged:()=>s()});function s(){p.replaceChildren();let f=l.chats();if(f.length===0){let d=chunkUWGSLLDO_cjs.fl(t,"p","pptxv-ai-history-empty");d.textContent=n("pptx.ai.historyEmpty"),p.appendChild(d);return}let C=chunkUWGSLLDO_cjs.fl(t,"ul","pptxv-ai-history-list");for(let d of f){let y=chunkUWGSLLDO_cjs.fl(t,"li","pptxv-ai-history-row"),r=chunkUWGSLLDO_cjs.fl(t,"button","pptxv-ai-history-resume");r.type="button",r.classList.toggle("is-active",d.id===l.activeChatId());let b=chunkUWGSLLDO_cjs.fl(t,"span","pptxv-ai-history-text"),k=chunkUWGSLLDO_cjs.fl(t,"span","pptxv-ai-history-name");k.textContent=d.title||n("pptx.ai.untitledChat");let T=chunkUWGSLLDO_cjs.fl(t,"span","pptxv-ai-history-meta");T.textContent=n("pptx.ai.messageCount",{count:d.messageCount}),b.append(k,T),r.append(chunkUWGSLLDO_cjs.ql(t,"comment"),b),r.addEventListener("click",()=>{l.resumeChat(d.id),a.hidden=true;});let P=chunkUWGSLLDO_cjs.fl(t,"button","pptxv-ai-history-delete");P.type="button",P.title=n("pptx.ai.deleteChat"),P.setAttribute("aria-label",n("pptx.ai.deleteChat")),P.appendChild(chunkUWGSLLDO_cjs.ql(t,"trash")),P.addEventListener("click",()=>{l.deleteChat(d.id);}),y.append(r,P),C.appendChild(y);}p.appendChild(C);}s(),i.addEventListener("click",()=>{a.hidden=!a.hidden;}),c.addEventListener("click",()=>{l.newChat(),a.hidden=true;});let g=f=>{a.hidden||!(f.target instanceof Node)||!a.contains(f.target)&&!i.contains(f.target)&&(a.hidden=true);};return t.addEventListener("mousedown",g),{button:i,el:a,notifyMessagesChanged:()=>l.notifyMessagesChanged(),destroy(){t.removeEventListener("mousedown",g),l.dispose(),i.remove(),a.remove();}}}var _={view:"eye",text:"text-box",shape:"shapes",theme:"font-color",table:"table",slide:"layout",chart:"chart",move:"move-right",delete:"trash",search:"search",nav:"move-right",animation:"play",notes:"sticky-note",tool:"wrench"};function W(o,t,n){let i=t.state==="output-error",a=t.state==="output-available",h=!i&&!a,x=chunkUWGSLLDO_cjs.Bl(t.toolName,t.input,h?"present":"past"),c=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-tool"),p=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-tool-head"),m=chunkUWGSLLDO_cjs.ql(o,_[x.icon]??"wrench");m.classList.add("pptxv-ai-tool-icon");let l=chunkUWGSLLDO_cjs.fl(o,"span","pptxv-ai-tool-name");l.textContent=x.label;let s=chunkUWGSLLDO_cjs.fl(o,"span","pptxv-ai-tool-state");if(i?(s.classList.add("is-error"),s.append(chunkUWGSLLDO_cjs.ql(o,"alert"),o.createTextNode(n("pptx.ai.toolFailed")))):a?(s.classList.add("is-done"),s.append(chunkUWGSLLDO_cjs.ql(o,"check"),o.createTextNode(n("pptx.ai.toolDone")))):(s.classList.add("is-running"),s.textContent=n("pptx.ai.toolRunning")),p.append(m,l,s),c.appendChild(p),i&&t.errorText){let f=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-tool-error");f.textContent=t.errorText,c.appendChild(f);}let g=chunkUWGSLLDO_cjs.Al(t.input);if(g){let f=chunkUWGSLLDO_cjs.fl(o,"details","pptxv-ai-tool-details"),C=chunkUWGSLLDO_cjs.fl(o,"summary");C.textContent=n("pptx.ai.toolDetails");let d=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-tool-raw");d.textContent=`${chunkUWGSLLDO_cjs.zl(t.toolName)}: ${g}`,f.append(C,d),c.appendChild(f);}return c}function q(o,t,n,i){t.replaceChildren();for(let a of n){if(a.role==="system")continue;let h=a.role==="user",x=chunkUWGSLLDO_cjs.yl(a);if(x.length===0&&!h)continue;let c=chunkUWGSLLDO_cjs.fl(o,"div",`pptxv-ai-msg pptxv-ai-msg-${a.role}`),p=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-msg-avatar");p.setAttribute("aria-label",i(h?"pptx.ai.you":"pptx.ai.assistant")),p.appendChild(chunkUWGSLLDO_cjs.ql(o,h?"comment":"sparkles"));let m=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-msg-body");for(let l of x)if(l.kind==="text"){let s=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-msg-text");s.textContent=l.text,m.appendChild(s);}else m.appendChild(W(o,l,i));c.append(p,m),t.appendChild(c);}}function G(o,t,n,i,a){if(t.replaceChildren(),t.hidden=n.length===0,n.length===0)return;let h=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-proposals-header"),x=chunkUWGSLLDO_cjs.fl(o,"span","pptxv-ai-proposals-title");if(x.textContent=i("pptx.ai.pendingChanges",{count:n.length}),h.appendChild(x),n.length>1){let c=chunkUWGSLLDO_cjs.fl(o,"button","pptxv-ai-proposal-btn is-accept-all");c.type="button",c.textContent=i("pptx.ai.acceptAll"),c.addEventListener("click",()=>a.acceptAll()),h.appendChild(c);}t.appendChild(h);for(let c of n)t.appendChild(tt(o,c,i,a));}function tt(o,t,n,i){let a=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-proposal");a.dataset.proposalId=t.id;let h=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-proposal-eyebrow");h.textContent=n("pptx.ai.proposedChange"),a.appendChild(h);let x=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-proposal-label");if(x.textContent=t.label,a.appendChild(x),t.summary.length>0){let l=chunkUWGSLLDO_cjs.fl(o,"ul","pptxv-ai-proposal-summary");for(let s of t.summary){let g=chunkUWGSLLDO_cjs.fl(o,"li");g.textContent=chunkUWGSLLDO_cjs.sl(s),l.appendChild(g);}a.appendChild(l);}let c=chunkUWGSLLDO_cjs.fl(o,"div","pptxv-ai-proposal-actions"),p=chunkUWGSLLDO_cjs.fl(o,"button","pptxv-ai-proposal-btn is-accept");p.type="button",p.append(chunkUWGSLLDO_cjs.ql(o,"check"),o.createTextNode(n("pptx.ai.accept"))),p.addEventListener("click",()=>i.accept(t.id));let m=chunkUWGSLLDO_cjs.fl(o,"button","pptxv-ai-proposal-btn is-reject");return m.type="button",m.append(chunkUWGSLLDO_cjs.ql(o,"close"),o.createTextNode(n("pptx.ai.reject"))),m.addEventListener("click",()=>i.reject(t.id)),c.append(p,m),a.appendChild(c),a}async function wt(o){let{doc:t,host:n,t:i}=o;n.replaceChildren();let a=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-header"),h=chunkUWGSLLDO_cjs.fl(t,"span","pptxv-ai-title");h.textContent=i("pptx.ai.title");let x=chunkUWGSLLDO_cjs.fl(t,"button","pptxv-ai-close");x.type="button",x.title=i("pptx.ai.close"),x.setAttribute("aria-label",i("pptx.ai.close")),x.appendChild(chunkUWGSLLDO_cjs.ql(t,"close")),x.addEventListener("click",()=>o.onClose?.()),a.append(chunkUWGSLLDO_cjs.ql(t,"sparkles"),h,x);let c,p=o.controller,m=p?K({doc:t,t:i,controller:p,getSlides:()=>o.bridge.getSlides(),onSendDirective:u=>{c?.sendMessage(u);}}):null,l=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-messages");l.setAttribute("role","log"),l.setAttribute("aria-live","polite");let s=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-empty");s.textContent=i("pptx.ai.emptyHint"),l.appendChild(s);let g=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-proposals");g.hidden=true;let f=chunkUWGSLLDO_cjs.fl(t,"div","pptxv-ai-error");f.setAttribute("role","alert"),f.hidden=true;let C=chunkUWGSLLDO_cjs.fl(t,"form","pptxv-ai-composer"),d=chunkUWGSLLDO_cjs.fl(t,"textarea","pptxv-ai-input");d.rows=2,d.placeholder=i("pptx.ai.placeholder"),d.setAttribute("aria-label",i("pptx.ai.placeholder"));let y=chunkUWGSLLDO_cjs.fl(t,"button","pptxv-ai-send");y.type="submit",y.setAttribute("aria-label",i("pptx.ai.send")),y.appendChild(chunkUWGSLLDO_cjs.ql(t,"send")),C.append(d,y),n.append(a,...m?[m.el]:[],l,g,f,C);try{c=await(o.createChat??chunkUWGSLLDO_cjs.xl)({bridge:o.bridge,config:o.config});}catch{return s.textContent=i("pptx.ai.unavailableTitle"),d.disabled=true,y.disabled=true,m?.destroy(),{destroy:()=>n.replaceChildren()}}let r=c,b=O({doc:t,t:i,deckId:chunkUWGSLLDO_cjs.vl(o.bridge),store:o.historyStore,getMessages:()=>r.getSnapshot().messages,setMessages:u=>r.setMessages(u)});a.insertBefore(b.button,x),n.appendChild(b.el);let k=r.subscribe(()=>b.notifyMessagesChanged()),T=new Set,P=u=>{if(!p)return;let A=u.messages.flatMap(Y=>chunkUWGSLLDO_cjs.yl(Y).filter(Z=>Z.kind==="tool")).at(-1);if(!A||A.kind!=="tool"||A.state==="input-streaming"||T.has(A.toolCallId))return;T.add(A.toolCallId);let L=chunkUWGSLLDO_cjs.Cl(A.toolName,A.input);L&&L.slideIndex!==void 0&&o.goToSlide?.(L.slideIndex),p.flashToolTarget(L);},M=u=>{q(t,l,u.messages,i),s.hidden=u.messages.length>0,u.messages.length===0&&l.appendChild(s),G(t,g,r.proposals.list(),i,{accept:A=>{p?.flashToolTarget(null),r.proposals.apply(A),M(r.getSnapshot());},reject:A=>{r.proposals.revert(A),M(r.getSnapshot());},acceptAll:()=>{p?.flashToolTarget(null),r.proposals.acceptAll(),M(r.getSnapshot());}});let w=u.status==="submitted"||u.status==="streaming";n.classList.toggle("is-busy",w),y.setAttribute("aria-label",i(w?"pptx.ai.stop":"pptx.ai.send")),f.hidden=!u.error,f.textContent=u.error?i("pptx.ai.errorPrefix"):"",l.scrollTop=l.scrollHeight,P(u);},S=()=>{if(n.classList.contains("is-busy")){r.stop();return}let u=d.value.trim();u&&(d.value="",r.sendMessage(u));};C.addEventListener("submit",u=>{u.preventDefault(),S();}),d.addEventListener("keydown",u=>{u.key==="Enter"&&!u.shiftKey&&(u.preventDefault(),S());});let I=p?.getPrefill().nonce??0,J=()=>{if(!p)return;let u=p.getPrefill();u.nonce!==I&&(I=u.nonce,d.value=u.text,d.focus());},Q=p?.subscribe(J),X=r.subscribe(M);return M(r.getSnapshot()),{changeAnimator:r.changeAnimator,destroy(){X(),k(),b.destroy(),Q?.(),m?.destroy(),n.replaceChildren();}}}exports.createAiPanel=wt;