@intentcomputing/koko-agent-sdk 1.0.1

package/lib/module/ui/KokoObserver.js

@@ -0,0 +1,516 @@
+"use strict";
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Easing, Image, PanResponder, Pressable, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import { useKokoAgent } from "../provider/KokoProvider.js";
+import { useKokoUi } from "../provider/KokoUiContext.js";
+import { TaskStore } from "../task/TaskStore.js";
+import { useTaskStore } from "../task/useTaskStore.js";
+import { useSafeAreaInsetsOptional } from "./safeArea.js";
+import { useOverlayOrigin } from "./useOverlayOrigin.js";
+import { KokoChatSheet } from "./KokoChatSheet.js";
+import { KokoHostOverlay } from "./hostOverlay.js";
+import { setProgressChromeFrame } from "./progressChrome.js";
+import { IconCheck, IconClose, IconDash, IconStop } from "./icons.js";
+import { signalAppUserGateCheck } from "../privacy/userGate.js";
+import { CursorController } from "../cursor/controller.js";
+import { KOKO_CURSOR_TEST_ID } from "./KokoOverlayLayer.js";
+import { PointerHand } from "../cursor/PointerHand.js";
+import { CURSOR_H, CURSOR_TIP_X, CURSOR_TIP_Y, CURSOR_W } from "../cursor/pointer.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const RESULT_DISMISS_MS = 2600;
+/**
+ * Progress pill + stop (+ optional cursor) in one host overlay Modal.
+ * After a run ends, shows an animated success/fail icon then auto-dismisses.
+ */
+export function KokoObserver({
+  composerPlaceholder,
+  cursor = true
+}) {
+  const koko = useKokoAgent();
+  const {
+    branding,
+    t,
+    colors
+  } = useKokoUi();
+  const {
+    subtitle,
+    tasks,
+    activeTaskId,
+    ui,
+    resultFlash,
+    userGateWaiting
+  } = useTaskStore();
+  const insets = useSafeAreaInsetsOptional();
+  const running = tasks.some(t => t.id === activeTaskId && t.status === 'running');
+  const [cursorState, setCursorState] = useState(() => CursorController.getState());
+  // Clear of the host's own bottom chrome (tab bars, CTAs) by default; the
+  // user can drag it anywhere from there.
+  const bottom = Math.max(insets.bottom, 8) + (userGateWaiting ? 144 : 40);
+  const right = Math.max(insets.right, 8) + 14;
+  const rowRef = useRef(null);
+  const {
+    ref: cursorLayerRef,
+    origin: cursorOrigin,
+    measure: measureCursorLayer
+  } = useOverlayOrigin();
+  const resultOpacity = useRef(new Animated.Value(1)).current;
+  const cursorAnim = useRef(new Animated.ValueXY({
+    x: cursorState.x,
+    y: cursorState.y
+  })).current;
+  const cursorPress = useRef(new Animated.Value(0)).current;
+  const chromeEpoch = ui.chromeEpoch ?? 0;
+
+  // Whatever corner we pick, some run will need the user to touch exactly what
+  // the pill is sitting on. Let them shove it aside instead of making them
+  // guess our layout.
+  const {
+    width: screenW,
+    height: screenH
+  } = useWindowDimensions();
+  const dragOffset = useRef(new Animated.ValueXY({
+    x: 0,
+    y: 0
+  })).current;
+  const dragStart = useRef({
+    x: 0,
+    y: 0
+  });
+  const dragBounds = useRef({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
+
+  // Manual takeover must leave the host's bottom submit/next button usable,
+  // including when the user previously dragged normal progress into that area.
+  useEffect(() => {
+    if (userGateWaiting) dragOffset.setValue({
+      x: 0,
+      y: 0
+    });
+  }, [!!userGateWaiting, dragOffset]);
+  useEffect(() => CursorController.subscribe(setCursorState), []);
+  useEffect(() => {
+    if ((!running || userGateWaiting) && cursorState.visible) CursorController.hide();
+  }, [running, userGateWaiting, cursorState.visible]);
+  useEffect(() => {
+    const duration = Math.max(0, cursorState.moveDurationMs ?? 0);
+    const to = {
+      x: cursorState.x - cursorOrigin.x - CURSOR_TIP_X,
+      y: cursorState.y - cursorOrigin.y - CURSOR_TIP_Y
+    };
+    if (duration <= 0) {
+      cursorAnim.stopAnimation();
+      cursorAnim.setValue(to);
+      return;
+    }
+    Animated.timing(cursorAnim, {
+      toValue: to,
+      duration,
+      // Cursor animation can overlap Fabric's lazy native view registration.
+      useNativeDriver: false
+    }).start();
+  }, [cursorState.x, cursorState.y, cursorState.moveDurationMs, cursorOrigin.x, cursorOrigin.y, cursorAnim]);
+  useEffect(() => {
+    Animated.spring(cursorPress, {
+      toValue: cursorState.pressing ? 1 : 0,
+      useNativeDriver: false,
+      friction: 6
+    }).start();
+  }, [cursorState.pressing, cursorPress]);
+  const onStop = useCallback(() => {
+    koko.stop();
+    koko.finishTask('cancelled', t('runtime.cancelled'));
+  }, [koko, t]);
+  const measureChrome = useCallback(() => {
+    rowRef.current?.measureInWindow((x, y, width, height) => {
+      if (width > 0 && height > 0) {
+        dragBounds.current = {
+          x,
+          y,
+          width,
+          height
+        };
+        setProgressChromeFrame({
+          x,
+          y,
+          width,
+          height
+        });
+      }
+    });
+  }, []);
+  useEffect(() => {
+    const frame = requestAnimationFrame(measureChrome);
+    return () => cancelAnimationFrame(frame);
+  }, [bottom, right, measureChrome]);
+  const dragResponder = useMemo(() => PanResponder.create({
+    // Capture, so a drag that starts on the stop button still moves the
+    // pill. A plain press never crosses the threshold and stays with the
+    // button.
+    onMoveShouldSetPanResponderCapture: (_e, g) => Math.abs(g.dx) > 6 || Math.abs(g.dy) > 6,
+    onPanResponderGrant: () => {
+      dragOffset.stopAnimation(v => {
+        dragStart.current = v;
+      });
+    },
+    onPanResponderMove: (_e, g) => {
+      const b = dragBounds.current;
+      // `b` is where the pill is right now, offset included, so take the
+      // offset back out to get the room left on each side.
+      const restX = b.x - dragStart.current.x;
+      const restY = b.y - dragStart.current.y;
+      const min = 8;
+      const clamp = (v, lo, hi) => Math.min(hi, Math.max(lo, v));
+      dragOffset.setValue({
+        x: clamp(dragStart.current.x + g.dx, min - restX, screenW - b.width - min - restX),
+        y: clamp(dragStart.current.y + g.dy, min - restY, screenH - b.height - min - restY)
+      });
+    },
+    // The agent hides chrome before touching anything under it, so the
+    // clearance rect has to follow the pill to its new home.
+    onPanResponderRelease: measureChrome,
+    onPanResponderTerminate: measureChrome
+  }), [dragOffset, measureChrome, screenW, screenH]);
+  useEffect(() => {
+    if (!resultFlash) return;
+    resultOpacity.setValue(0);
+    Animated.timing(resultOpacity, {
+      toValue: 1,
+      duration: 160,
+      useNativeDriver: true
+    }).start();
+    const hide = setTimeout(() => {
+      Animated.timing(resultOpacity, {
+        toValue: 0,
+        duration: 200,
+        useNativeDriver: true
+      }).start(({
+        finished
+      }) => {
+        if (finished) TaskStore.clearResultFlash();
+      });
+    }, RESULT_DISMISS_MS);
+    return () => clearTimeout(hide);
+  }, [resultFlash?.at, resultOpacity]);
+  useEffect(() => {
+    if (!running && !resultFlash && !userGateWaiting) {
+      setProgressChromeFrame(null);
+    }
+  }, [running, resultFlash, userGateWaiting]);
+  useEffect(() => {
+    if (!running) return;
+    TaskStore.liftChrome();
+  }, [running, subtitle]);
+  const showingResult = Boolean(resultFlash) && !running;
+  const showProgress = (running || showingResult || !!userGateWaiting) && !ui.sheetOpen && !ui.chromeSuppressed;
+  const showCursor = Boolean(cursor && running && cursorState.visible);
+  const showOverlay = showProgress || showCursor;
+  const cursorScale = cursorPress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [1, 0.88]
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [showOverlay ? /*#__PURE__*/_jsxs(KokoHostOverlay, {
+      liftToken: chromeEpoch,
+      children: [showCursor ? /*#__PURE__*/_jsx(View, {
+        ref: cursorLayerRef,
+        onLayout: measureCursorLayer,
+        testID: KOKO_CURSOR_TEST_ID,
+        nativeID: KOKO_CURSOR_TEST_ID,
+        collapsable: false,
+        pointerEvents: "none",
+        style: StyleSheet.absoluteFillObject,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.cursor, {
+            transform: [...cursorAnim.getTranslateTransform(), {
+              scale: cursorScale
+            }]
+          }],
+          children: /*#__PURE__*/_jsx(PointerHand, {})
+        })
+      }) : null, showProgress ? /*#__PURE__*/_jsx(View, {
+        pointerEvents: "box-none",
+        style: [styles.progressWrap, {
+          bottom,
+          right
+        }],
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          ref: rowRef,
+          ...dragResponder.panHandlers,
+          style: [styles.progressRow, {
+            transform: dragOffset.getTranslateTransform()
+          }, showingResult ? {
+            opacity: resultOpacity
+          } : null],
+          onLayout: measureChrome,
+          children: showingResult && resultFlash ? /*#__PURE__*/_jsx(ResultIconBadge, {
+            flash: resultFlash,
+            onPress: () => TaskStore.openSheet(resultFlash.taskId),
+            a11y: t('progress.openA11y')
+          }) : userGateWaiting ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: [styles.progress, styles.gateBanner, {
+                backgroundColor: colors.progressBg
+              }],
+              children: [/*#__PURE__*/_jsx(View, {
+                style: [styles.logo, {
+                  backgroundColor: branding.primaryColor
+                }],
+                children: branding.iconSource ? /*#__PURE__*/_jsx(Image, {
+                  source: branding.iconSource,
+                  style: styles.logoImage,
+                  resizeMode: "cover"
+                }) : /*#__PURE__*/_jsx(Text, {
+                  style: styles.logoMark,
+                  children: branding.mark
+                })
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [styles.progressText, {
+                  color: colors.progressText
+                }],
+                numberOfLines: 4,
+                accessibilityLiveRegion: "polite",
+                children: userGateWaiting
+              })]
+            }), /*#__PURE__*/_jsx(Pressable, {
+              style: [styles.doneBtn, {
+                backgroundColor: branding.primaryColor
+              }],
+              onPress: () => {
+                TaskStore.setUserGateWaiting(t('gate.checking'));
+                signalAppUserGateCheck();
+              },
+              accessibilityRole: "button",
+              accessibilityLabel: t('gate.check'),
+              hitSlop: 6,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.doneBtnText,
+                children: t('gate.check')
+              })
+            }), /*#__PURE__*/_jsx(Pressable, {
+              style: styles.stopBtn,
+              onPress: onStop,
+              accessibilityRole: "button",
+              accessibilityLabel: t('progress.stopA11y'),
+              hitSlop: 6,
+              children: /*#__PURE__*/_jsx(IconStop, {
+                size: 11,
+                color: "#fff"
+              })
+            })]
+          }) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: [styles.progress, {
+                backgroundColor: colors.progressBg
+              }],
+              accessibilityElementsHidden: true,
+              importantForAccessibility: "no-hide-descendants",
+              children: [/*#__PURE__*/_jsxs(View, {
+                style: [styles.logo, {
+                  backgroundColor: branding.primaryColor
+                }],
+                children: [branding.iconSource ? /*#__PURE__*/_jsx(Image, {
+                  source: branding.iconSource,
+                  style: styles.logoImage,
+                  resizeMode: "cover"
+                }) : /*#__PURE__*/_jsx(Text, {
+                  style: styles.logoMark,
+                  children: branding.mark
+                }), /*#__PURE__*/_jsx(View, {
+                  style: styles.liveDot
+                })]
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [styles.progressText, {
+                  color: colors.progressText
+                }],
+                numberOfLines: 1,
+                children: subtitle ?? `${branding.name} ${t('progress.running')}`
+              })]
+            }), /*#__PURE__*/_jsx(Pressable, {
+              style: styles.stopBtn,
+              onPress: onStop,
+              accessibilityRole: "button",
+              accessibilityLabel: t('progress.stopA11y'),
+              hitSlop: 6,
+              children: /*#__PURE__*/_jsx(IconStop, {
+                size: 11,
+                color: "#fff"
+              })
+            })]
+          })
+        })
+      }) : null]
+    }) : null, /*#__PURE__*/_jsx(KokoChatSheet, {
+      placeholder: composerPlaceholder
+    })]
+  });
+}
+function ResultIconBadge({
+  flash,
+  onPress,
+  a11y
+}) {
+  const {
+    t
+  } = useKokoUi();
+  const scale = useRef(new Animated.Value(0.4)).current;
+  const spin = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    scale.setValue(0.4);
+    spin.setValue(0);
+    Animated.parallel([Animated.spring(scale, {
+      toValue: 1,
+      friction: 5,
+      tension: 140,
+      useNativeDriver: true
+    }), Animated.timing(spin, {
+      toValue: 1,
+      duration: flash.status === 'success' ? 320 : 260,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    })]).start();
+  }, [flash.at, flash.status, scale, spin]);
+  const bg = flash.status === 'success' ? '#10B981' : flash.status === 'cancelled' ? '#64748B' : '#FF453A';
+  const label = t(`progress.${flash.status}`);
+  const rotate = spin.interpolate({
+    inputRange: [0, 1],
+    outputRange: flash.status === 'failed' ? ['-28deg', '0deg'] : ['12deg', '0deg']
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: `${label}, ${a11y}`,
+    hitSlop: 8,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.resultBadge, {
+        backgroundColor: bg,
+        transform: [{
+          scale
+        }, {
+          rotate
+        }]
+      }],
+      children: flash.status === 'success' ? /*#__PURE__*/_jsx(IconCheck, {
+        size: 27,
+        color: "#fff"
+      }) : flash.status === 'cancelled' ? /*#__PURE__*/_jsx(IconDash, {
+        size: 24,
+        color: "#fff"
+      }) : /*#__PURE__*/_jsx(IconClose, {
+        size: 24,
+        color: "#fff"
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  progressWrap: {
+    position: 'absolute',
+    zIndex: 9999,
+    elevation: 9999,
+    alignItems: 'flex-end'
+  },
+  progressRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  progress: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    maxWidth: 172,
+    paddingHorizontal: 9,
+    paddingVertical: 7,
+    borderRadius: 13,
+    backgroundColor: 'rgba(20,20,22,0.94)'
+  },
+  gateBanner: {
+    maxWidth: 220,
+    alignItems: 'flex-start'
+  },
+  doneBtn: {
+    paddingHorizontal: 10,
+    paddingVertical: 7,
+    borderRadius: 11,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  doneBtnText: {
+    color: '#fff',
+    fontSize: 11.5,
+    fontWeight: '600'
+  },
+  resultBadge: {
+    width: 66,
+    height: 66,
+    borderRadius: 33,
+    alignItems: 'center',
+    justifyContent: 'center',
+    shadowColor: '#000',
+    shadowOpacity: 0.28,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 8
+  },
+  logo: {
+    width: 20,
+    height: 20,
+    borderRadius: 6,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 7,
+    overflow: 'hidden'
+  },
+  logoImage: {
+    width: 20,
+    height: 20
+  },
+  logoMark: {
+    color: '#fff',
+    fontSize: 10,
+    fontWeight: '800'
+  },
+  liveDot: {
+    position: 'absolute',
+    right: -1,
+    bottom: -1,
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: '#34D399',
+    borderWidth: 1.2,
+    borderColor: 'rgba(20,20,22,0.94)'
+  },
+  progressText: {
+    flexShrink: 1,
+    color: '#F5F5F7',
+    fontSize: 11.5,
+    lineHeight: 15,
+    fontWeight: '600'
+  },
+  stopBtn: {
+    width: 30,
+    height: 30,
+    borderRadius: 12,
+    backgroundColor: '#FF453A',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  cursor: {
+    position: 'absolute',
+    width: CURSOR_W,
+    height: CURSOR_H,
+    left: 0,
+    top: 0
+  }
+});
+//# sourceMappingURL=KokoObserver.js.map

package/lib/module/ui/KokoObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","Animated","Easing","Image","PanResponder","Pressable","StyleSheet","Text","useWindowDimensions","View","useKokoAgent","useKokoUi","TaskStore","useTaskStore","useSafeAreaInsetsOptional","useOverlayOrigin","KokoChatSheet","KokoHostOverlay","setProgressChromeFrame","IconCheck","IconClose","IconDash","IconStop","signalAppUserGateCheck","CursorController","KOKO_CURSOR_TEST_ID","PointerHand","CURSOR_H","CURSOR_TIP_X","CURSOR_TIP_Y","CURSOR_W","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","RESULT_DISMISS_MS","KokoObserver","composerPlaceholder","cursor","koko","branding","t","colors","subtitle","tasks","activeTaskId","ui","resultFlash","userGateWaiting","insets","running","some","id","status","cursorState","setCursorState","getState","bottom","Math","max","right","rowRef","ref","cursorLayerRef","origin","cursorOrigin","measure","measureCursorLayer","resultOpacity","Value","current","cursorAnim","ValueXY","x","y","cursorPress","chromeEpoch","width","screenW","height","screenH","dragOffset","dragStart","dragBounds","setValue","subscribe","visible","hide","duration","moveDurationMs","to","stopAnimation","timing","toValue","useNativeDriver","start","spring","pressing","friction","onStop","stop","finishTask","measureChrome","measureInWindow","frame","requestAnimationFrame","cancelAnimationFrame","dragResponder","create","onMoveShouldSetPanResponderCapture","_e","g","abs","dx","dy","onPanResponderGrant","v","onPanResponderMove","b","restX","restY","min","clamp","lo","hi","onPanResponderRelease","onPanResponderTerminate","setTimeout","finished","clearResultFlash","clearTimeout","at","liftChrome","showingResult","Boolean","showProgress","sheetOpen","chromeSuppressed","showCursor","showOverlay","cursorScale","interpolate","inputRange","outputRange","children","liftToken","onLayout","testID","nativeID","collapsable","pointerEvents","style","absoluteFillObject","accessibilityElementsHidden","importantForAccessibility","styles","transform","getTranslateTransform","scale","progressWrap","panHandlers","progressRow","opacity","ResultIconBadge","flash","onPress","openSheet","taskId","a11y","progress","gateBanner","backgroundColor","progressBg","logo","primaryColor","iconSource","source","logoImage","resizeMode","logoMark","mark","progressText","color","numberOfLines","accessibilityLiveRegion","doneBtn","setUserGateWaiting","accessibilityRole","accessibilityLabel","hitSlop","doneBtnText","stopBtn","size","liveDot","name","placeholder","spin","parallel","tension","easing","out","cubic","bg","label","rotate","resultBadge","position","zIndex","elevation","alignItems","flexDirection","gap","maxWidth","paddingHorizontal","paddingVertical","borderRadius","justifyContent","fontSize","fontWeight","shadowColor","shadowOpacity","shadowRadius","shadowOffset","marginRight","overflow","borderWidth","borderColor","flexShrink","lineHeight","left","top"],"sourceRoot":"../../../src","sources":["ui/KokoObserver.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/KokoOverlayLayer.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+
+/** Native dump / tap / screenshot skip views whose testID starts with this. */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const KOKO_OVERLAY_TEST_ID = 'koko-agent-overlay';
+/** Cursor layer — skipped in dump, but NOT hidden during tap (must stay visible). */
+export const KOKO_CURSOR_TEST_ID = 'koko-agent-cursor';
+/**
+ * Host for SDK chrome (progress / cursor / sheet / dialogs).
+ * Marked so native dump & agent taps can ignore / pierce this layer.
+ */
+export function KokoOverlayLayer({
+  children,
+  style,
+  pointerEvents = 'box-none',
+  testID = KOKO_OVERLAY_TEST_ID
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    nativeID: testID,
+    collapsable: false,
+    pointerEvents: pointerEvents,
+    style: style,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    children: children
+  });
+}
+export const overlayFill = StyleSheet.create({
+  fill: {
+    ...StyleSheet.absoluteFillObject,
+    zIndex: 9999,
+    elevation: 9999
+  }
+});
+//# sourceMappingURL=KokoOverlayLayer.js.map

package/lib/module/ui/KokoOverlayLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","jsx","_jsx","KOKO_OVERLAY_TEST_ID","KOKO_CURSOR_TEST_ID","KokoOverlayLayer","children","style","pointerEvents","testID","nativeID","collapsable","accessibilityElementsHidden","importantForAccessibility","overlayFill","create","fill","absoluteFillObject","zIndex","elevation"],"sourceRoot":"../../../src","sources":["ui/KokoOverlayLayer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,SAASC,UAAU,EAAEC,IAAI,QAAwC,cAAc;;AAE/E;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,OAAO,MAAMC,oBAAoB,GAAG,oBAAoB;AACxD;AACA,OAAO,MAAMC,mBAAmB,GAAG,mBAAmB;AAetD;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,KAAK;EACLC,aAAa,GAAG,UAAU;EAC1BC,MAAM,GAAGN;AACY,CAAC,EAAE;EACxB,oBACED,IAAA,CAACF,IAAI;IACHS,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAED,MAAO;IACjBE,WAAW,EAAE,KAAM;IACnBH,aAAa,EAAEA,aAAc;IAC7BD,KAAK,EAAEA,KAAM;IACbK,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAAAP,QAAA,EAE9CA;EAAQ,CACL,CAAC;AAEX;AAEA,OAAO,MAAMQ,WAAW,GAAGf,UAAU,CAACgB,MAAM,CAAC;EAC3CC,IAAI,EAAE;IACJ,GAAGjB,UAAU,CAACkB,kBAAkB;IAChCC,MAAM,EAAE,IAAI;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/KokoSubtitle.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { Animated, StyleSheet, Text, View } from 'react-native';
+import { useTaskStore } from "../task/useTaskStore.js";
+
+/**
+ * Karaoke-style subtitle for the current task action.
+ * Prefer KokoObserver progress pill in the default UX; kept for custom layouts.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function KokoSubtitle() {
+  const {
+    subtitle,
+    tasks,
+    activeTaskId
+  } = useTaskStore();
+  const opacity = useRef(new Animated.Value(0)).current;
+  const lastText = useRef(null);
+  const active = tasks.find(t => t.id === activeTaskId);
+  const show = !!subtitle && active?.status === 'running';
+  useEffect(() => {
+    if (!show) {
+      Animated.timing(opacity, {
+        toValue: 0,
+        duration: 160,
+        useNativeDriver: true
+      }).start();
+      lastText.current = null;
+      return;
+    }
+    if (lastText.current === subtitle) return;
+    lastText.current = subtitle;
+    opacity.setValue(0.35);
+    Animated.timing(opacity, {
+      toValue: 1,
+      duration: 160,
+      useNativeDriver: true
+    }).start();
+  }, [show, subtitle, opacity]);
+  if (!subtitle || !show) return null;
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.wrap, {
+      opacity
+    }],
+    pointerEvents: "none",
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.pill,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.dot
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.text,
+        numberOfLines: 2,
+        children: subtitle
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  wrap: {
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    marginBottom: 8
+  },
+  pill: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    maxWidth: '100%',
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    borderRadius: 14,
+    backgroundColor: 'rgba(20,20,22,0.88)'
+  },
+  dot: {
+    width: 7,
+    height: 7,
+    borderRadius: 4,
+    backgroundColor: '#7CFFB2',
+    marginRight: 10
+  },
+  text: {
+    flexShrink: 1,
+    color: '#F5F5F7',
+    fontSize: 14,
+    lineHeight: 19,
+    fontWeight: '500',
+    letterSpacing: 0.1
+  }
+});
+//# sourceMappingURL=KokoSubtitle.js.map