@buoy-gg/core 7.0.41 → 7.0.43

package/lib/commonjs/floatingMenu/MinimizedToolsStack.js

@@ -1,288 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MinimizedToolsStack = MinimizedToolsStack;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _MinimizedToolsContext = require("./MinimizedToolsContext.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * A hidden tool's "I need you". See `setToolAttention` in shared-ui — the tool
- * publishes, the rail draws. Read through useSyncExternalStore so a badge set
- * from inside a minimized sheet lands on the chip without the rail polling.
- */function useToolAttention(toolId) {
-  return (0, _react.useSyncExternalStore)(_sharedUi.subscribeToolAttention, () => (0, _sharedUi.getToolAttention)(toolId), () => (0, _sharedUi.getToolAttention)(toolId));
-}
-const ATTENTION_COLORS = {
-  needsInput: "#FF8329",
-  done: "#20C997",
-  failed: "#FF3B30"
-};
-
-/** needsInput outranks failed outranks done — the peek shows the one that matters most. */
-const ATTENTION_RANK = {
-  needsInput: 3,
-  failed: 2,
-  done: 1
-};
-
-/** The strongest attention across every minimized tool, for the folded peek. */
-function useStrongestAttention(toolIds) {
-  const key = toolIds.join("|");
-  return (0, _react.useSyncExternalStore)(_sharedUi.subscribeToolAttention, () => strongest(key), () => strongest(key));
-}
-const strongestCache = new Map();
-function strongest(key) {
-  let best = null;
-  for (const id of key ? key.split("|") : []) {
-    const a = (0, _sharedUi.getToolAttention)(id);
-    if (a && (!best || ATTENTION_RANK[a.kind] > ATTENTION_RANK[best.kind])) best = a;
-  }
-  // Same value → same object, or useSyncExternalStore re-renders forever.
-  const prev = strongestCache.get(key);
-  if (prev && best && prev.kind === best.kind && prev.label === best.label) return prev;
-  if (!prev && !best) return null;
-  strongestCache.set(key, best);
-  return best;
-}
-
-// ============================================================================
-// Constants
-// ============================================================================
-
-const PEEK_HEIGHT = 28;
-const TOOLBAR_WIDTH = 44;
-const TOOL_ITEM_SIZE = 32;
-const ICON_GAP = 6;
-const TOOLBAR_PADDING = 8;
-const COLLAPSE_BUTTON_SIZE = 24;
-const STORAGE_KEY_EXPANDED = "@react_buoy_minimized_stack_expanded";
-
-// Glitch effect constants
-const GLITCH_DURATION_MS = 80;
-const MIN_GLITCH_DELAY = 2000;
-const MAX_GLITCH_DELAY = 6000;
-
-// ============================================================================
-// Glitch Tool Button Component
-// ============================================================================
-
-function GlitchToolButton({
-  tool,
-  onSelect,
-  index
-}) {
-  const attention = useToolAttention(tool.id);
-  const glitchX = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const glitchOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
-  const glitchScale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
-  (0, _react.useEffect)(() => {
-    let isMounted = true;
-    const runGlitch = () => {
-      if (!isMounted) return;
-      const d = GLITCH_DURATION_MS;
-      _reactNative.Animated.parallel([
-      // X displacement - quick shake
-      _reactNative.Animated.sequence([_reactNative.Animated.timing(glitchX, {
-        toValue: 3,
-        duration: d * 0.2,
-        easing: _reactNative.Easing.linear,
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(glitchX, {
-        toValue: -3,
-        duration: d * 0.2,
-        easing: _reactNative.Easing.linear,
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(glitchX, {
-        toValue: 2,
-        duration: d * 0.2,
-        easing: _reactNative.Easing.linear,
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(glitchX, {
-        toValue: -1,
-        duration: d * 0.2,
-        easing: _reactNative.Easing.linear,
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(glitchX, {
-        toValue: 0,
-        duration: d * 0.2,
-        easing: _reactNative.Easing.linear,
-        useNativeDriver: true
-      })]),
-      // Opacity flicker
-      _reactNative.Animated.sequence([_reactNative.Animated.timing(glitchOpacity, {
-        toValue: 0.4,
-        duration: d * 0.25,
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(glitchOpacity, {
-        toValue: 1,
-        duration: d * 0.25,
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(glitchOpacity, {
-        toValue: 0.6,
-        duration: d * 0.25,
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(glitchOpacity, {
-        toValue: 1,
-        duration: d * 0.25,
-        useNativeDriver: true
-      })]),
-      // Scale pulse
-      _reactNative.Animated.sequence([_reactNative.Animated.timing(glitchScale, {
-        toValue: 1.1,
-        duration: d * 0.3,
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(glitchScale, {
-        toValue: 0.95,
-        duration: d * 0.4,
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(glitchScale, {
-        toValue: 1,
-        duration: d * 0.3,
-        useNativeDriver: true
-      })])]).start();
-    };
-    const scheduleNextGlitch = () => {
-      if (!isMounted) return;
-      const delay = MIN_GLITCH_DELAY + Math.random() * (MAX_GLITCH_DELAY - MIN_GLITCH_DELAY) + index * 300;
-      setTimeout(() => {
-        if (isMounted) {
-          runGlitch();
-          scheduleNextGlitch();
-        }
-      }, delay);
-    };
-    const initialDelay = 500 + Math.random() * 1500 + index * 200;
-    const timeoutId = setTimeout(() => {
-      if (isMounted) {
-        runGlitch();
-        scheduleNextGlitch();
-      }
-    }, initialDelay);
-    return () => {
-      isMounted = false;
-      clearTimeout(timeoutId);
-    };
-  }, [glitchX, glitchOpacity, glitchScale, index]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    onPress: () => onSelect(tool),
-    activeOpacity: 0.7,
-    style: styles.toolButton,
-    accessibilityLabel: attention ? `${tool.title} — ${attention.label}. Restore` : `Restore ${tool.title}`,
-    accessibilityRole: "button",
-    testID: `buoy-dock-restore-${tool.id}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: {
-        opacity: glitchOpacity,
-        transform: [{
-          translateX: glitchX
-        }, {
-          scale: glitchScale
-        }]
-      },
-      children: tool.icon
-    }), attention ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.badge, {
-        backgroundColor: ATTENTION_COLORS[attention.kind]
-      }],
-      testID: `buoy-dock-badge-${tool.id}-${attention.kind}`,
-      pointerEvents: "none",
-      children: attention.kind === "needsInput" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.badgeText,
-        children: "!"
-      }) : null
-    }) : null]
-  });
-}
-
-// ============================================================================
-// Types
-// ============================================================================
-
-// ============================================================================
-// Main Component
-// ============================================================================
-
-function MinimizedToolsStack({
-  onRestore,
-  containerWidth = TOOLBAR_WIDTH
-}) {
-  const {
-    minimizedTools,
-    restore
-  } = (0, _MinimizedToolsContext.useMinimizedTools)();
-  const peekAttention = useStrongestAttention(minimizedTools.map(t => t.id));
-
-  // Calculate expanded height based on number of tools
-  const expandedHeight = TOOLBAR_PADDING + minimizedTools.length * TOOL_ITEM_SIZE + (minimizedTools.length - 1) * ICON_GAP + ICON_GAP + COLLAPSE_BUTTON_SIZE + 4;
-
-  // Handle tool press (restore)
-  const handleToolPress = (0, _react.useCallback)(tool => {
-    const restored = restore(tool.instanceId);
-    if (restored && onRestore) {
-      onRestore(restored);
-    }
-  }, [restore, onRestore]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ExpandablePopover, {
-    hasItems: minimizedTools.length > 0,
-    itemCount: minimizedTools.length,
-    showCount: true,
-    width: containerWidth,
-    expandedHeight: expandedHeight,
-    persistState: true,
-    storageKey: STORAGE_KEY_EXPANDED,
-    peekHeight: PEEK_HEIGHT,
-    collapsedLabel: `Show ${minimizedTools.length} minimized tools`,
-    testID: "buoy-dock-peek",
-    collapseTestID: "buoy-dock-collapse",
-    attention: peekAttention ? {
-      color: ATTENTION_COLORS[peekAttention.kind],
-      glyph: peekAttention.kind === "needsInput" ? "!" : undefined,
-      label: peekAttention.label
-    } : null,
-    children: [...minimizedTools].reverse().map((tool, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(GlitchToolButton, {
-      tool: tool,
-      onSelect: handleToolPress,
-      index: index
-    }, tool.instanceId))
-  });
-}
-
-// ============================================================================
-// Styles
-// ============================================================================
-
-const styles = _reactNative.StyleSheet.create({
-  toolButton: {
-    width: TOOL_ITEM_SIZE,
-    height: TOOL_ITEM_SIZE,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: "transparent"
-  },
-  // Top-right of the chip. Needs-input carries a glyph; done/failed are a dot —
-  // the colour says which, the glyph says "act".
-  badge: {
-    position: "absolute",
-    top: 0,
-    right: 0,
-    minWidth: 12,
-    height: 12,
-    borderRadius: 6,
-    paddingHorizontal: 2,
-    alignItems: "center",
-    justifyContent: "center",
-    borderWidth: 1.5,
-    borderColor: "#0C0C0C"
-  },
-  badgeText: {
-    color: "#000",
-    fontSize: 8,
-    fontWeight: "800",
-    lineHeight: 9
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.MinimizedToolsStack=MinimizedToolsStack;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _MinimizedToolsContext=require("./MinimizedToolsContext.js");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(t,i){if("function"==typeof WeakMap)var n=new WeakMap,s=new WeakMap;return(_interopRequireWildcard=function(e,l){if(!l&&e&&e.__esModule)return e;var o,r,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(o=l?s:n){if(o.has(e))return o.get(e);o.set(e,u)}for(const c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((r=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,c))&&(r.get||r.set)?o(u,c,r):u[c]=e[c]);return u})(t,i)}function useToolAttention(t){return(0,_react.useSyncExternalStore)(_sharedUi.subscribeToolAttention,()=>(0,_sharedUi.getToolAttention)(t),()=>(0,_sharedUi.getToolAttention)(t))}const ATTENTION_COLORS={needsInput:"#FF8329",done:"#20C997",failed:"#FF3B30"};const ATTENTION_RANK={needsInput:3,failed:2,done:1};function useStrongestAttention(t){const i=t.join("|");return(0,_react.useSyncExternalStore)(_sharedUi.subscribeToolAttention,()=>strongest(i),()=>strongest(i))}const strongestCache=new Map;function strongest(t){let i=null;for(const s of t?t.split("|"):[]){const e=(0,_sharedUi.getToolAttention)(s);if(e&&(!i||ATTENTION_RANK[e.kind]>ATTENTION_RANK[i.kind]))i=e}const n=strongestCache.get(t);if(n&&i&&n.kind===i.kind&&n.label===i.label)return n;if(!n&&!i)return null;strongestCache.set(t,i);return i}const PEEK_HEIGHT=28;const TOOLBAR_WIDTH=44;const TOOL_ITEM_SIZE=32;const ICON_GAP=6;const TOOLBAR_PADDING=8;const COLLAPSE_BUTTON_SIZE=24;const STORAGE_KEY_EXPANDED="@react_buoy_minimized_stack_expanded";const GLITCH_DURATION_MS=80;const MIN_GLITCH_DELAY=2e3;const MAX_GLITCH_DELAY=6e3;function GlitchToolButton({tool:t,onSelect:i,index:n}){const s=useToolAttention(t.id);const e=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;const l=(0,_react.useRef)(new _reactNative.Animated.Value(1)).current;const o=(0,_react.useRef)(new _reactNative.Animated.Value(1)).current;(0,_react.useEffect)(()=>{let r=true;const u=()=>{if(!r)return;const a=GLITCH_DURATION_MS;_reactNative.Animated.parallel([_reactNative.Animated.sequence([_reactNative.Animated.timing(e,{toValue:3,duration:a*.2,easing:_reactNative.Easing.linear,useNativeDriver:true}),_reactNative.Animated.timing(e,{toValue:-3,duration:a*.2,easing:_reactNative.Easing.linear,useNativeDriver:true}),_reactNative.Animated.timing(e,{toValue:2,duration:a*.2,easing:_reactNative.Easing.linear,useNativeDriver:true}),_reactNative.Animated.timing(e,{toValue:-1,duration:a*.2,easing:_reactNative.Easing.linear,useNativeDriver:true}),_reactNative.Animated.timing(e,{toValue:0,duration:a*.2,easing:_reactNative.Easing.linear,useNativeDriver:true})]),_reactNative.Animated.sequence([_reactNative.Animated.timing(l,{toValue:.4,duration:a*.25,useNativeDriver:true}),_reactNative.Animated.timing(l,{toValue:1,duration:a*.25,useNativeDriver:true}),_reactNative.Animated.timing(l,{toValue:.6,duration:a*.25,useNativeDriver:true}),_reactNative.Animated.timing(l,{toValue:1,duration:a*.25,useNativeDriver:true})]),_reactNative.Animated.sequence([_reactNative.Animated.timing(o,{toValue:1.1,duration:a*.3,useNativeDriver:true}),_reactNative.Animated.timing(o,{toValue:.95,duration:a*.4,useNativeDriver:true}),_reactNative.Animated.timing(o,{toValue:1,duration:a*.3,useNativeDriver:true})])]).start()};const c=()=>{if(!r)return;const a=MIN_GLITCH_DELAY+Math.random()*(MAX_GLITCH_DELAY-MIN_GLITCH_DELAY)+n*300;setTimeout(()=>{if(r){u();c()}},a)};const d=500+Math.random()*1500+n*200;const g=setTimeout(()=>{if(r){u();c()}},d);return()=>{r=false;clearTimeout(g)}},[e,l,o,n]);return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:()=>i(t),activeOpacity:.7,style:styles.toolButton,accessibilityLabel:s?`${t.title} \u2014 ${s.label}. Restore`:`Restore ${t.title}`,accessibilityRole:"button",testID:`buoy-dock-restore-${t.id}`,children:[(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{opacity:l,transform:[{translateX:e},{scale:o}]},children:t.icon}),s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.badge,{backgroundColor:ATTENTION_COLORS[s.kind]}],testID:`buoy-dock-badge-${t.id}-${s.kind}`,pointerEvents:"none",children:s.kind==="needsInput"?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.badgeText,children:"!"}):null}):null]})}function MinimizedToolsStack({onRestore:t,containerWidth:i=TOOLBAR_WIDTH}){const{minimizedTools:n,restore:s}=(0,_MinimizedToolsContext.useMinimizedTools)();const e=useStrongestAttention(n.map(r=>r.id));const l=TOOLBAR_PADDING+n.length*TOOL_ITEM_SIZE+(n.length-1)*ICON_GAP+ICON_GAP+COLLAPSE_BUTTON_SIZE+4;const o=(0,_react.useCallback)(r=>{const u=s(r.instanceId);if(u&&t){t(u)}},[s,t]);return(0,_jsxRuntime.jsx)(_sharedUi.ExpandablePopover,{hasItems:n.length>0,itemCount:n.length,showCount:true,width:i,expandedHeight:l,persistState:true,storageKey:STORAGE_KEY_EXPANDED,peekHeight:PEEK_HEIGHT,collapsedLabel:`Show ${n.length} minimized tools`,testID:"buoy-dock-peek",collapseTestID:"buoy-dock-collapse",attention:e?{color:ATTENTION_COLORS[e.kind],glyph:e.kind==="needsInput"?"!":void 0,label:e.label}:null,children:[...n].reverse().map((r,u)=>(0,_jsxRuntime.jsx)(GlitchToolButton,{tool:r,onSelect:o,index:u},r.instanceId))})}const styles=_reactNative.StyleSheet.create({toolButton:{width:TOOL_ITEM_SIZE,height:TOOL_ITEM_SIZE,alignItems:"center",justifyContent:"center",backgroundColor:"transparent"},badge:{position:"absolute",top:0,right:0,minWidth:12,height:12,borderRadius:6,paddingHorizontal:2,alignItems:"center",justifyContent:"center",borderWidth:1.5,borderColor:"#0C0C0C"},badgeText:{color:"#000",fontSize:8,fontWeight:"800",lineHeight:9}});

package/lib/commonjs/floatingMenu/MinimizedToolsStack.web.js

@@ -1,377 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MinimizedToolsStack = MinimizedToolsStack;
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _AppHostWeb = require("./AppHost.web.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * MinimizedToolsStack — Web twin of MinimizedToolsStack.tsx +
- * shared-ui's ExpandablePopover (inlined: the popover is only used here on
- * web). A vertical stack of minimized-tool icons fused to the top of the
- * floating bubble's drag handle:
- * - collapsed: a 28px "peek" tab (chevron-up + count) with top corners only
- * - expanded: animated-height panel, icons newest-first, collapse chevron
- * - expanded state persists under "@react_buoy_minimized_stack_expanded"
- * - each icon runs the native randomized glitch loop (translateX shake +
- *   opacity flicker + scale pulse, 80ms), scheduled every 2-6s + index*300ms
- *
- * Data comes from the web AppHost (openApps with minimized === true) instead
- * of the native MinimizedToolsContext — same derivation the MinimizedDock
- * used before this replaced it.
- */
-
-/** Twin of the native hook — see MinimizedToolsStack.tsx. */
-function useToolAttention(toolId) {
-  return (0, _react.useSyncExternalStore)(_sharedUi.subscribeToolAttention, () => (0, _sharedUi.getToolAttention)(toolId), () => (0, _sharedUi.getToolAttention)(toolId));
-}
-const ATTENTION_COLORS = {
-  needsInput: '#FF8329',
-  done: '#20C997',
-  failed: '#FF3B30'
-};
-const ATTENTION_RANK = {
-  needsInput: 3,
-  failed: 2,
-  done: 1
-};
-const strongestCache = new Map();
-function strongest(key) {
-  let best = null;
-  for (const id of key ? key.split('|') : []) {
-    const a = (0, _sharedUi.getToolAttention)(id);
-    if (a && (!best || ATTENTION_RANK[a.kind] > ATTENTION_RANK[best.kind])) best = a;
-  }
-  const prev = strongestCache.get(key);
-  if (prev && best && prev.kind === best.kind && prev.label === best.label) return prev;
-  if (!prev && !best) return null;
-  strongestCache.set(key, best);
-  return best;
-}
-/** Twin of the native hook: the strongest attention across the folded dock. */
-function useStrongestAttention(toolIds) {
-  const key = toolIds.join('|');
-  return (0, _react.useSyncExternalStore)(_sharedUi.subscribeToolAttention, () => strongest(key), () => strongest(key));
-}
-
-// native MinimizedToolsStack.tsx constants
-const PEEK_HEIGHT = 28;
-const TOOL_ITEM_SIZE = 32;
-const ICON_GAP = 6;
-const TOOLBAR_PADDING = 8;
-const COLLAPSE_BUTTON_SIZE = 24;
-const STORAGE_KEY_EXPANDED = '@react_buoy_minimized_stack_expanded';
-const GLITCH_DURATION_MS = 80;
-const MIN_GLITCH_DELAY = 2000;
-const MAX_GLITCH_DELAY = 6000;
-
-// native shared-ui buoyColors (gameUIColors.ts) — card + textMuted
-const CARD = '#1A1A1A';
-const TEXT_MUTED = '#888888';
-function ChevronGlyph({
-  down = false
-}) {
-  // native: ChevronUp size 12, strokeWidth 2, buoyColors.textMuted
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-    width: 12,
-    height: 12,
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    style: {
-      transform: down ? 'rotate(180deg)' : undefined
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M18 15l-6-6-6 6",
-      fill: "none",
-      stroke: TEXT_MUTED,
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  });
-}
-function GlitchToolButton({
-  id,
-  title,
-  icon,
-  index,
-  onPress
-}) {
-  const attention = useToolAttention(id);
-  const innerRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    let mounted = true;
-    let timer;
-    const runGlitch = () => {
-      // native: parallel translateX shake / opacity flicker / scale pulse,
-      // all inside GLITCH_DURATION_MS — one WAAPI animation with offsets.
-      innerRef.current?.animate([{
-        transform: 'translateX(0) scale(1)',
-        opacity: 1,
-        offset: 0
-      }, {
-        transform: 'translateX(3px) scale(1.05)',
-        opacity: 0.4,
-        offset: 0.2
-      }, {
-        transform: 'translateX(-3px) scale(1.1)',
-        opacity: 1,
-        offset: 0.4
-      }, {
-        transform: 'translateX(2px) scale(1.0)',
-        opacity: 0.6,
-        offset: 0.6
-      }, {
-        transform: 'translateX(-1px) scale(0.95)',
-        opacity: 1,
-        offset: 0.8
-      }, {
-        transform: 'translateX(0) scale(1)',
-        opacity: 1,
-        offset: 1
-      }], {
-        duration: GLITCH_DURATION_MS,
-        easing: 'linear'
-      });
-    };
-    const schedule = initial => {
-      const delay = initial ? 500 + Math.random() * 1500 + index * 200 : MIN_GLITCH_DELAY + Math.random() * (MAX_GLITCH_DELAY - MIN_GLITCH_DELAY) + index * 300;
-      timer = setTimeout(() => {
-        if (!mounted) return;
-        runGlitch();
-        schedule(false);
-      }, delay);
-    };
-    schedule(true);
-    return () => {
-      mounted = false;
-      clearTimeout(timer);
-    };
-  }, [index]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-    type: "button",
-    "aria-label": attention ? `${title} — ${attention.label}. Restore` : `Restore ${title}`,
-    onClick: onPress,
-    style: {
-      width: TOOL_ITEM_SIZE,
-      height: TOOL_ITEM_SIZE,
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      background: 'none',
-      border: 'none',
-      padding: 0,
-      cursor: 'pointer',
-      position: 'relative'
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ref: innerRef,
-      style: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      children: icon
-    }), attention ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      "aria-hidden": true,
-      "data-testid": `buoy-dock-badge-${id}-${attention.kind}`,
-      style: {
-        position: 'absolute',
-        top: 0,
-        right: 0,
-        minWidth: 12,
-        height: 12,
-        borderRadius: 6,
-        padding: '0 2px',
-        boxSizing: 'border-box',
-        background: ATTENTION_COLORS[attention.kind],
-        border: '1.5px solid #0C0C0C',
-        color: '#000',
-        fontSize: 8,
-        fontWeight: 800,
-        lineHeight: '9px',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      children: attention.kind === 'needsInput' ? '!' : ''
-    }) : null]
-  });
-}
-function MinimizedToolsStack({
-  containerWidth = 32
-}) {
-  const {
-    openApps,
-    restore
-  } = (0, _AppHostWeb.useAppHost)();
-  const minimized = openApps.filter(app => app.minimized && app.launchMode !== 'toggle-only');
-  const [isExpanded, setIsExpanded] = (0, _react.useState)(false);
-  const [isStateRestored, setIsStateRestored] = (0, _react.useState)(false);
-  const peekAttention = useStrongestAttention(minimized.map(app => app.id));
-
-  // Restore + persist the expanded flag (native ExpandablePopover persistState).
-  (0, _react.useEffect)(() => {
-    let cancelled = false;
-    const load = async () => {
-      const saved = await _sharedUi.persistentStorage.getItem(STORAGE_KEY_EXPANDED);
-      if (!cancelled && saved === 'true') setIsExpanded(true);
-      if (!cancelled) setIsStateRestored(true);
-    };
-    void load();
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (!isStateRestored) return;
-    void _sharedUi.persistentStorage.setItem(STORAGE_KEY_EXPANDED, isExpanded ? 'true' : 'false');
-  }, [isExpanded, isStateRestored]);
-  const handleRestore = (0, _react.useCallback)(instanceId => {
-    restore(instanceId);
-  }, [restore]);
-  if (minimized.length === 0) return null;
-
-  // native: expandedHeight = padding + n*item + (n-1)*gap + gap + collapse + 4
-  const expandedHeight = TOOLBAR_PADDING + minimized.length * TOOL_ITEM_SIZE + (minimized.length - 1) * ICON_GAP + ICON_GAP + COLLAPSE_BUTTON_SIZE + 4;
-  const frame = {
-    // native peekButton/expandedContainer: card bg, top corners 6, 1px border
-    // on top/left/right only (fuses with the bubble below)
-    backgroundColor: CARD,
-    borderTopLeftRadius: 6,
-    borderTopRightRadius: 6,
-    borderTop: `1px solid ${TEXT_MUTED}66`,
-    borderLeft: `1px solid ${TEXT_MUTED}66`,
-    borderRight: `1px solid ${TEXT_MUTED}66`,
-    borderBottom: 'none',
-    boxSizing: 'border-box'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    style: {
-      height: PEEK_HEIGHT,
-      overflow: 'visible',
-      position: 'relative'
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        position: 'absolute',
-        bottom: 'var(--buoy-stack-bottom, 0px)',
-        top: 'var(--buoy-stack-top, auto)',
-        left: 0,
-        width: containerWidth,
-        maxHeight: 'var(--buoy-stack-space, calc(100vh - 48px))',
-        visibility: isExpanded ? 'visible' : 'hidden',
-        height: isExpanded ? expandedHeight : 0,
-        opacity: isExpanded ? 1 : 0,
-        overflowY: 'auto',
-        overflowX: 'hidden',
-        transition: 'height 200ms ease, opacity 200ms ease',
-        pointerEvents: isExpanded ? 'auto' : 'none',
-        ...frame
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        style: {
-          height: expandedHeight,
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'center',
-          paddingTop: TOOLBAR_PADDING,
-          gap: ICON_GAP,
-          boxSizing: 'border-box'
-        },
-        children: [[...minimized].reverse().map((app, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(GlitchToolButton, {
-          id: app.id,
-          title: app.title || app.id,
-          icon: app.icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            style: {
-              color: '#fff',
-              fontSize: 13
-            },
-            children: (app.title || app.id).slice(0, 1).toUpperCase()
-          }),
-          index: index,
-          onPress: () => handleRestore(app.instanceId)
-        }, app.instanceId)), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-          type: "button",
-          "aria-label": "Collapse",
-          onClick: () => setIsExpanded(false),
-          style: {
-            width: '100%',
-            height: COLLAPSE_BUTTON_SIZE,
-            marginTop: 3,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            background: 'none',
-            border: 'none',
-            cursor: 'pointer',
-            padding: 0
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChevronGlyph, {
-            down: true
-          })
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      type: "button",
-      "aria-label": `Show ${minimized.length} minimized tools`,
-      tabIndex: isExpanded ? -1 : 0,
-      "aria-hidden": isExpanded,
-      onClick: () => setIsExpanded(true),
-      style: {
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        width: containerWidth,
-        height: PEEK_HEIGHT,
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: 2,
-        cursor: 'pointer',
-        padding: 0,
-        opacity: isExpanded ? 0 : 1,
-        transform: isExpanded ? 'scale(0.9)' : 'scale(1)',
-        transition: 'opacity 200ms ease, transform 200ms ease',
-        pointerEvents: isExpanded ? 'none' : 'auto',
-        ...frame
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ChevronGlyph, {}), peekAttention ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        "aria-hidden": true,
-        "data-testid": `buoy-dock-peek-attention`,
-        style: {
-          position: 'absolute',
-          top: 2,
-          right: 2,
-          minWidth: 11,
-          height: 11,
-          borderRadius: 6,
-          padding: '0 2px',
-          boxSizing: 'border-box',
-          background: ATTENTION_COLORS[peekAttention.kind],
-          border: '1.5px solid #0C0C0C',
-          color: '#000',
-          fontSize: 8,
-          fontWeight: 800,
-          lineHeight: '9px',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        },
-        children: peekAttention.kind === 'needsInput' ? '!' : ''
-      }) : null, minimized.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        style: {
-          fontSize: 9,
-          fontWeight: 600,
-          color: TEXT_MUTED,
-          marginLeft: 1
-        },
-        children: minimized.length
-      })]
-    })]
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.MinimizedToolsStack=MinimizedToolsStack;var _react=require("react");var _sharedUi=require("@buoy-gg/shared-ui");var _AppHostWeb=require("./AppHost.web.js");var _jsxRuntime=require("react/jsx-runtime");function useToolAttention(t){return(0,_react.useSyncExternalStore)(_sharedUi.subscribeToolAttention,()=>(0,_sharedUi.getToolAttention)(t),()=>(0,_sharedUi.getToolAttention)(t))}const ATTENTION_COLORS={needsInput:"#FF8329",done:"#20C997",failed:"#FF3B30"};const ATTENTION_RANK={needsInput:3,failed:2,done:1};const strongestCache=new Map;function strongest(t){let n=null;for(const i of t?t.split("|"):[]){const o=(0,_sharedUi.getToolAttention)(i);if(o&&(!n||ATTENTION_RANK[o.kind]>ATTENTION_RANK[n.kind]))n=o}const s=strongestCache.get(t);if(s&&n&&s.kind===n.kind&&s.label===n.label)return s;if(!s&&!n)return null;strongestCache.set(t,n);return n}function useStrongestAttention(t){const n=t.join("|");return(0,_react.useSyncExternalStore)(_sharedUi.subscribeToolAttention,()=>strongest(n),()=>strongest(n))}const PEEK_HEIGHT=28;const TOOL_ITEM_SIZE=32;const ICON_GAP=6;const TOOLBAR_PADDING=8;const COLLAPSE_BUTTON_SIZE=24;const STORAGE_KEY_EXPANDED="@react_buoy_minimized_stack_expanded";const GLITCH_DURATION_MS=80;const MIN_GLITCH_DELAY=2e3;const MAX_GLITCH_DELAY=6e3;const CARD="#1A1A1A";const TEXT_MUTED="#888888";function ChevronGlyph({down:t=false}){return(0,_jsxRuntime.jsx)("svg",{width:12,height:12,viewBox:"0 0 24 24","aria-hidden":"true",style:{transform:t?"rotate(180deg)":void 0},children:(0,_jsxRuntime.jsx)("path",{d:"M18 15l-6-6-6 6",fill:"none",stroke:TEXT_MUTED,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function GlitchToolButton({id:t,title:n,icon:s,index:i,onPress:o}){const r=useToolAttention(t);const l=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{let c=true;let a;const f=()=>{l.current?.animate([{transform:"translateX(0) scale(1)",opacity:1,offset:0},{transform:"translateX(3px) scale(1.05)",opacity:.4,offset:.2},{transform:"translateX(-3px) scale(1.1)",opacity:1,offset:.4},{transform:"translateX(2px) scale(1.0)",opacity:.6,offset:.6},{transform:"translateX(-1px) scale(0.95)",opacity:1,offset:.8},{transform:"translateX(0) scale(1)",opacity:1,offset:1}],{duration:GLITCH_DURATION_MS,easing:"linear"})};const d=u=>{const e=u?500+Math.random()*1500+i*200:MIN_GLITCH_DELAY+Math.random()*(MAX_GLITCH_DELAY-MIN_GLITCH_DELAY)+i*300;a=setTimeout(()=>{if(!c)return;f();d(false)},e)};d(true);return()=>{c=false;clearTimeout(a)}},[i]);return(0,_jsxRuntime.jsxs)("button",{type:"button","aria-label":r?`${n} \u2014 ${r.label}. Restore`:`Restore ${n}`,onClick:o,style:{width:TOOL_ITEM_SIZE,height:TOOL_ITEM_SIZE,display:"flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",padding:0,cursor:"pointer",position:"relative"},children:[(0,_jsxRuntime.jsx)("div",{ref:l,style:{display:"flex",alignItems:"center",justifyContent:"center"},children:s}),r?(0,_jsxRuntime.jsx)("span",{"aria-hidden":true,"data-testid":`buoy-dock-badge-${t}-${r.kind}`,style:{position:"absolute",top:0,right:0,minWidth:12,height:12,borderRadius:6,padding:"0 2px",boxSizing:"border-box",background:ATTENTION_COLORS[r.kind],border:"1.5px solid #0C0C0C",color:"#000",fontSize:8,fontWeight:800,lineHeight:"9px",display:"flex",alignItems:"center",justifyContent:"center"},children:r.kind==="needsInput"?"!":""}):null]})}function MinimizedToolsStack({containerWidth:t=32}){const{openApps:n,restore:s}=(0,_AppHostWeb.useAppHost)();const i=n.filter(e=>e.minimized&&e.launchMode!=="toggle-only");const[o,r]=(0,_react.useState)(false);const[l,c]=(0,_react.useState)(false);const a=useStrongestAttention(i.map(e=>e.id));(0,_react.useEffect)(()=>{let e=false;const p=async()=>{const h=await _sharedUi.persistentStorage.getItem(STORAGE_KEY_EXPANDED);if(!e&&h==="true")r(true);if(!e)c(true)};void p();return()=>{e=true}},[]);(0,_react.useEffect)(()=>{if(!l)return;void _sharedUi.persistentStorage.setItem(STORAGE_KEY_EXPANDED,o?"true":"false")},[o,l]);const f=(0,_react.useCallback)(e=>{s(e)},[s]);if(i.length===0)return null;const d=TOOLBAR_PADDING+i.length*TOOL_ITEM_SIZE+(i.length-1)*ICON_GAP+ICON_GAP+COLLAPSE_BUTTON_SIZE+4;const u={backgroundColor:CARD,borderTopLeftRadius:6,borderTopRightRadius:6,borderTop:`1px solid ${TEXT_MUTED}66`,borderLeft:`1px solid ${TEXT_MUTED}66`,borderRight:`1px solid ${TEXT_MUTED}66`,borderBottom:"none",boxSizing:"border-box"};return(0,_jsxRuntime.jsxs)("div",{style:{height:PEEK_HEIGHT,overflow:"visible",position:"relative"},children:[(0,_jsxRuntime.jsx)("div",{style:{position:"absolute",bottom:"var(--buoy-stack-bottom, 0px)",top:"var(--buoy-stack-top, auto)",left:0,width:t,maxHeight:"var(--buoy-stack-space, calc(100vh - 48px))",visibility:o?"visible":"hidden",height:o?d:0,opacity:o?1:0,overflowY:"auto",overflowX:"hidden",transition:"height 200ms ease, opacity 200ms ease",pointerEvents:o?"auto":"none",...u},children:(0,_jsxRuntime.jsxs)("div",{style:{height:d,display:"flex",flexDirection:"column",alignItems:"center",paddingTop:TOOLBAR_PADDING,gap:ICON_GAP,boxSizing:"border-box"},children:[[...i].reverse().map((e,p)=>(0,_jsxRuntime.jsx)(GlitchToolButton,{id:e.id,title:e.title||e.id,icon:e.icon??(0,_jsxRuntime.jsx)("span",{style:{color:"#fff",fontSize:13},children:(e.title||e.id).slice(0,1).toUpperCase()}),index:p,onPress:()=>f(e.instanceId)},e.instanceId)),(0,_jsxRuntime.jsx)("button",{type:"button","aria-label":"Collapse",onClick:()=>r(false),style:{width:"100%",height:COLLAPSE_BUTTON_SIZE,marginTop:3,display:"flex",alignItems:"center",justifyContent:"center",background:"none",border:"none",cursor:"pointer",padding:0},children:(0,_jsxRuntime.jsx)(ChevronGlyph,{down:true})})]})}),(0,_jsxRuntime.jsxs)("button",{type:"button","aria-label":`Show ${i.length} minimized tools`,tabIndex:o?-1:0,"aria-hidden":o,onClick:()=>r(true),style:{position:"absolute",bottom:0,left:0,width:t,height:PEEK_HEIGHT,display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:2,cursor:"pointer",padding:0,opacity:o?0:1,transform:o?"scale(0.9)":"scale(1)",transition:"opacity 200ms ease, transform 200ms ease",pointerEvents:o?"none":"auto",...u},children:[(0,_jsxRuntime.jsx)(ChevronGlyph,{}),a?(0,_jsxRuntime.jsx)("span",{"aria-hidden":true,"data-testid":`buoy-dock-peek-attention`,style:{position:"absolute",top:2,right:2,minWidth:11,height:11,borderRadius:6,padding:"0 2px",boxSizing:"border-box",background:ATTENTION_COLORS[a.kind],border:"1.5px solid #0C0C0C",color:"#000",fontSize:8,fontWeight:800,lineHeight:"9px",display:"flex",alignItems:"center",justifyContent:"center"},children:a.kind==="needsInput"?"!":""}):null,i.length>1&&(0,_jsxRuntime.jsx)("span",{style:{fontSize:9,fontWeight:600,color:TEXT_MUTED,marginLeft:1},children:i.length})]})]})}