panelui-native 0.28.1 → 0.30.0

package/lib/module/components/reasoning/index.js

@@ -0,0 +1,244 @@
+"use strict";
+
+/**
+ * Reasoning — the model's working, shown while it happens and folded away after.
+ *
+ * A reasoning trace is interesting for exactly as long as it is the only thing
+ * arriving. Once the answer starts, it is a wall of text above the thing the
+ * reader actually asked for. So it opens itself when the trace starts streaming
+ * and closes itself about a second after it stops — once, and only if it ever
+ * streamed, because a trace that arrives complete was never a live thing to
+ * watch and should not perform.
+ *
+ * The trigger changes with it: a shimmering "Thinking…" while the tokens are
+ * coming, and "Thought for 8 seconds" afterwards. The duration is measured from
+ * the first streaming frame rather than taken on trust, so it is the time the
+ * reader actually waited.
+ *
+ * ```tsx
+ * <Reasoning isStreaming={streaming}>
+ *   <Reasoning.Trigger />
+ *   <Reasoning.Content>{text}</Reasoning.Content>
+ * </Reasoning>
+ * ```
+ *
+ * ## Where the props come from
+ *
+ * With the AI SDK, `isStreaming` is whether the last part of the last message
+ * is a reasoning part while the request is still streaming, and the content is
+ * every `reasoning` part joined together. Joined, not one component each:
+ * some models emit a run of separate reasoning parts, and one component per
+ * part is a column of "Thinking…" rows for a single thought.
+ */
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated, { useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { ChevronDownIcon, SparklesIcon } from "../../icons/index.js";
+import { Collapse } from "../../primitives/collapse.js";
+import { Text, textChildren } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { Shimmer } from "../shimmer/index.js";
+
+/**
+ * How long the finished trace stays open before folding away.
+ *
+ * Long enough that the fold reads as a consequence of the trace ending rather
+ * than as part of it, short enough that nobody is waiting on it.
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const AUTO_CLOSE_DELAY = 1000;
+const reasoningVariants = tv({
+  slots: {
+    root: 'w-full gap-2',
+    trigger: 'flex-row items-center gap-2 py-0.5',
+    label: 'text-sm text-muted-foreground',
+    content: 'gap-2 ps-6',
+    contentText: 'text-sm leading-relaxed text-muted-foreground'
+  }
+});
+const ReasoningContext = /*#__PURE__*/createContext(null);
+function useReasoning(component) {
+  const context = useContext(ReasoningContext);
+  if (!context) {
+    throw new Error(`${component} must be used within a <Reasoning>`);
+  }
+  return context;
+}
+function ReasoningRoot({
+  className,
+  isStreaming = false,
+  duration: durationProp,
+  open: openProp,
+  defaultOpen,
+  onOpenChange,
+  children,
+  ...props
+}) {
+  const {
+    root
+  } = reasoningVariants();
+  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? isStreaming);
+  const [measured, setMeasured] = useState();
+  const isControlled = openProp !== undefined;
+  const open = isControlled ? openProp : internalOpen;
+  const setOpen = useCallback(next => {
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [isControlled, onOpenChange]);
+
+  /*
+   * A caller that said `defaultOpen={false}` meant it. Without this the panel
+   * would spring open the moment the trace started, which is the one thing that
+   * request was asking not to happen.
+   */
+  const optedOut = defaultOpen === false;
+  const everStreamed = useRef(isStreaming);
+  const startedAt = useRef(null);
+  const [autoClosed, setAutoClosed] = useState(false);
+
+  // Timed here rather than taken on trust: `duration` is optional, and the
+  // honest number is the wall clock between the first token and the last.
+  useEffect(() => {
+    if (isStreaming) {
+      everStreamed.current = true;
+      startedAt.current ??= Date.now();
+      return;
+    }
+    if (startedAt.current !== null) {
+      setMeasured(Math.max(1, Math.round((Date.now() - startedAt.current) / 1000)));
+      startedAt.current = null;
+    }
+  }, [isStreaming]);
+  useEffect(() => {
+    if (isStreaming && !open && !optedOut) setOpen(true);
+  }, [isStreaming, open, optedOut, setOpen]);
+
+  /*
+   * Once only. Without the latch, reopening a finished trace by hand would be
+   * undone a second later by the same effect, and the panel would refuse to
+   * stay open for the one reader who wanted to read it.
+   */
+  useEffect(() => {
+    if (!everStreamed.current || isStreaming || !open || autoClosed) return;
+    const timer = setTimeout(() => {
+      setOpen(false);
+      setAutoClosed(true);
+    }, AUTO_CLOSE_DELAY);
+    return () => clearTimeout(timer);
+  }, [isStreaming, open, autoClosed, setOpen]);
+  const context = useMemo(() => ({
+    isStreaming,
+    open,
+    setOpen,
+    duration: durationProp ?? measured
+  }), [isStreaming, open, setOpen, durationProp, measured]);
+  return /*#__PURE__*/_jsx(ReasoningContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View, {
+      ...props,
+      className: cn(root(), className),
+      children: children
+    })
+  });
+}
+ReasoningRoot.displayName = 'Reasoning';
+/** The row that says how long it thought, and folds the trace away. */
+function ReasoningTrigger({
+  className,
+  label,
+  children,
+  onPress,
+  ...props
+}) {
+  const {
+    isStreaming,
+    open,
+    setOpen,
+    duration
+  } = useReasoning('Reasoning.Trigger');
+  const {
+    trigger,
+    label: labelClass
+  } = reasoningVariants();
+  const reducedMotion = useReducedMotion();
+  const progress = useSharedValue(open ? 1 : 0);
+  useEffect(() => {
+    progress.value = reducedMotion ? open ? 1 : 0 : withTiming(open ? 1 : 0, {
+      duration: 180
+    });
+  }, [open, reducedMotion, progress]);
+  const chevronStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${progress.value * 180}deg`
+    }]
+  }));
+  const body = label ? label(isStreaming, duration) : isStreaming ? /*#__PURE__*/_jsx(Shimmer, {
+    textClassName: labelClass(),
+    children: "Thinking\u2026"
+  }) : /*#__PURE__*/_jsx(Text, {
+    className: labelClass(),
+    children: duration === undefined ? 'Thought for a few seconds' : `Thought for ${duration} ${duration === 1 ? 'second' : 'seconds'}`
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded: open
+    },
+    onPress: event => {
+      onPress?.(event);
+      setOpen(!open);
+    },
+    className: cn(trigger(), className),
+    ...props,
+    children: children ?? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(SparklesIcon, {
+        size: 16
+      }), /*#__PURE__*/_jsx(View, {
+        className: "flex-1",
+        children: body
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: chevronStyle,
+        children: /*#__PURE__*/_jsx(ChevronDownIcon, {
+          size: 16
+        })
+      })]
+    })
+  });
+}
+/**
+ * The trace itself.
+ *
+ * Kept mounted and collapsed to nothing rather than unmounted, because it is
+ * usually still growing while it is folded — and a body that remounts on every
+ * open would drop whatever the reader had scrolled to.
+ */
+function ReasoningContent({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    open
+  } = useReasoning('Reasoning.Content');
+  const {
+    content,
+    contentText
+  } = reasoningVariants();
+  return /*#__PURE__*/_jsx(Collapse, {
+    open: open,
+    className: cn(content(), className),
+    ...props,
+    children: textChildren(children, text => /*#__PURE__*/_jsx(Text, {
+      className: contentText(),
+      children: text
+    }))
+  });
+}
+ReasoningTrigger.displayName = 'Reasoning.Trigger';
+ReasoningContent.displayName = 'Reasoning.Content';
+export const Reasoning = Object.assign(ReasoningRoot, {
+  Trigger: ReasoningTrigger,
+  Content: ReasoningContent
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/reasoning/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useCallback","useContext","useEffect","useMemo","useRef","useState","Pressable","View","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","tv","ChevronDownIcon","SparklesIcon","Collapse","Text","textChildren","cn","Shimmer","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","AUTO_CLOSE_DELAY","reasoningVariants","slots","root","trigger","label","content","contentText","ReasoningContext","useReasoning","component","context","Error","ReasoningRoot","className","isStreaming","duration","durationProp","open","openProp","defaultOpen","onOpenChange","children","props","internalOpen","setInternalOpen","measured","setMeasured","isControlled","undefined","setOpen","next","optedOut","everStreamed","startedAt","autoClosed","setAutoClosed","current","Date","now","Math","max","round","timer","setTimeout","clearTimeout","Provider","value","displayName","ReasoningTrigger","onPress","labelClass","reducedMotion","progress","chevronStyle","transform","rotate","body","textClassName","accessibilityRole","accessibilityState","expanded","event","size","style","ReasoningContent","text","Reasoning","Object","assign","Trigger","Content"],"sourceRoot":"../../../../src","sources":["components/reasoning/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/sources/index.js

@@ -0,0 +1,221 @@
+"use strict";
+
+/**
+ * Sources — where an answer came from, folded under a count.
+ *
+ * A cited answer usually cites more places than anyone wants listed above it,
+ * so the list opens from a single line: "Used 6 sources". Folded is the resting
+ * state, unlike `Reasoning`, because a citation list is a thing you go and
+ * check rather than a thing you watch arrive.
+ *
+ * ```tsx
+ * <Sources>
+ *   <Sources.Trigger count={sources.length} />
+ *   <Sources.Content>
+ *     {sources.map((source) => (
+ *       <Sources.Source key={source.url} href={source.url} title={source.title} />
+ *     ))}
+ *   </Sources.Content>
+ * </Sources>
+ * ```
+ *
+ * ## Where the props come from
+ *
+ * With the AI SDK these are the `source-url` parts of an assistant message:
+ * `part.url` is the `href` and `part.title` the `title`. A part carries no
+ * title of its own when the model did not supply one, in which case the host
+ * of the URL is a better label than the whole of it.
+ */
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import { Linking, Pressable, View } from 'react-native';
+import Animated, { useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { ChevronDownIcon, LinkIcon } from "../../icons/index.js";
+import { Collapse } from "../../primitives/collapse.js";
+import { Text } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const sourcesVariants = tv({
+  slots: {
+    root: 'w-full gap-2',
+    trigger: 'flex-row items-center gap-2 py-0.5',
+    triggerLabel: 'text-sm font-medium text-muted-foreground',
+    content: 'gap-0.5',
+    source: 'flex-row items-center gap-2 rounded-xl px-2 py-2 active:bg-accent',
+    sourceTitle: 'flex-1 text-sm text-foreground',
+    sourceHost: 'text-xs text-muted-foreground'
+  }
+});
+const SourcesContext = /*#__PURE__*/createContext(null);
+function useSources(component) {
+  const context = useContext(SourcesContext);
+  if (!context) {
+    throw new Error(`${component} must be used within a <Sources>`);
+  }
+  return context;
+}
+function SourcesRoot({
+  className,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  children,
+  ...props
+}) {
+  const {
+    root
+  } = sourcesVariants();
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const isControlled = openProp !== undefined;
+  const open = isControlled ? openProp : internalOpen;
+  const setOpen = useCallback(next => {
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [isControlled, onOpenChange]);
+  const context = useMemo(() => ({
+    open,
+    setOpen
+  }), [open, setOpen]);
+  return /*#__PURE__*/_jsx(SourcesContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View, {
+      ...props,
+      className: cn(root(), className),
+      children: children
+    })
+  });
+}
+SourcesRoot.displayName = 'Sources';
+function SourcesTrigger({
+  className,
+  count = 0,
+  children,
+  onPress,
+  ...props
+}) {
+  const {
+    open,
+    setOpen
+  } = useSources('Sources.Trigger');
+  const {
+    trigger,
+    triggerLabel
+  } = sourcesVariants();
+  const reducedMotion = useReducedMotion();
+  const progress = useSharedValue(open ? 1 : 0);
+  useEffect(() => {
+    progress.value = reducedMotion ? open ? 1 : 0 : withTiming(open ? 1 : 0, {
+      duration: 180
+    });
+  }, [open, reducedMotion, progress]);
+  const chevronStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${progress.value * 180}deg`
+    }]
+  }));
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded: open
+    },
+    onPress: event => {
+      onPress?.(event);
+      setOpen(!open);
+    },
+    className: cn(trigger(), className),
+    ...props,
+    children: children ?? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(Text, {
+        className: triggerLabel(),
+        children: ["Used ", count, " ", count === 1 ? 'source' : 'sources']
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: chevronStyle,
+        children: /*#__PURE__*/_jsx(ChevronDownIcon, {
+          size: 16
+        })
+      })]
+    })
+  });
+}
+function SourcesContent({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    open
+  } = useSources('Sources.Content');
+  const {
+    content
+  } = sourcesVariants();
+  return /*#__PURE__*/_jsx(Collapse, {
+    open: open,
+    className: cn(content(), className),
+    ...props,
+    children: children
+  });
+}
+/** One citation. */
+function SourcesSource({
+  className,
+  href,
+  title,
+  icon,
+  children,
+  onPress,
+  ...props
+}) {
+  const {
+    source,
+    sourceTitle,
+    sourceHost
+  } = sourcesVariants();
+  const host = useMemo(() => hostOf(href), [href]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "link",
+    accessibilityLabel: title ?? host ?? href,
+    onPress: event => {
+      onPress?.(event);
+      // No `canOpenURL` guard: it needs the scheme declared up front on iOS,
+      // and a source is always http(s), which is always openable.
+      if (href) void Linking.openURL(href).catch(() => undefined);
+    },
+    className: cn(source(), className),
+    ...props,
+    children: children ?? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [icon ?? /*#__PURE__*/_jsx(LinkIcon, {
+        size: 14
+      }), /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        className: sourceTitle(),
+        children: title ?? host ?? href
+      }), title && host ? /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        className: sourceHost(),
+        children: host
+      }) : null]
+    })
+  });
+}
+
+/**
+ * The host of a URL, without a URL parser.
+ *
+ * `URL` exists in Hermes but throws on anything malformed, and a model's
+ * citation is not a thing to trust with an exception. A label is worth having
+ * even when the string it came from is not a URL at all.
+ */
+function hostOf(href) {
+  if (!href) return undefined;
+  const match = /^[a-z][a-z0-9+.-]*:\/\/([^/?#]+)/i.exec(href);
+  return match?.[1]?.replace(/^www\./i, '');
+}
+SourcesTrigger.displayName = 'Sources.Trigger';
+SourcesContent.displayName = 'Sources.Content';
+SourcesSource.displayName = 'Sources.Source';
+export const Sources = Object.assign(SourcesRoot, {
+  Trigger: SourcesTrigger,
+  Content: SourcesContent,
+  Source: SourcesSource
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/sources/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useCallback","useContext","useEffect","useMemo","useState","Linking","Pressable","View","Animated","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","tv","ChevronDownIcon","LinkIcon","Collapse","Text","cn","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","sourcesVariants","slots","root","trigger","triggerLabel","content","source","sourceTitle","sourceHost","SourcesContext","useSources","component","context","Error","SourcesRoot","className","open","openProp","defaultOpen","onOpenChange","children","props","internalOpen","setInternalOpen","isControlled","undefined","setOpen","next","Provider","value","displayName","SourcesTrigger","count","onPress","reducedMotion","progress","duration","chevronStyle","transform","rotate","accessibilityRole","accessibilityState","expanded","event","style","size","SourcesContent","SourcesSource","href","title","icon","host","hostOf","accessibilityLabel","openURL","catch","numberOfLines","match","exec","replace","Sources","Object","assign","Trigger","Content","Source"],"sourceRoot":"../../../../src","sources":["components/sources/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SACEA,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,QAAQ,QAEH,OAAO;AACd,SACEC,OAAO,EACPC,SAAS,EACTC,IAAI,QAGC,cAAc;AACrB,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAASC,EAAE,QAAQ,mBAAmB;AACtC,SAASC,eAAe,EAAEC,QAAQ,QAAQ,sBAAa;AACvD,SAASC,QAAQ,QAAQ,8BAA2B;AACpD,SAASC,IAAI,QAAQ,0BAAuB;AAC5C,SAASC,EAAE,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEpC,MAAMC,eAAe,GAAGZ,EAAE,CAAC;EACzBa,KAAK,EAAE;IACLC,IAAI,EAAE,cAAc;IACpBC,OAAO,EAAE,oCAAoC;IAC7CC,YAAY,EAAE,2CAA2C;IACzDC,OAAO,EAAE,SAAS;IAClBC,MAAM,EAAE,mEAAmE;IAC3EC,WAAW,EAAE,gCAAgC;IAC7CC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAOF,MAAMC,cAAc,gBAAGnC,aAAa,CAA6B,IAAI,CAAC;AAEtE,SAASoC,UAAUA,CAACC,SAAiB,EAAuB;EAC1D,MAAMC,OAAO,GAAGpC,UAAU,CAACiC,cAAc,CAAC;EAC1C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,GAAGF,SAAS,kCAAkC,CAAC;EACjE;EACA,OAAOC,OAAO;AAChB;AAYA,SAASE,WAAWA,CAAC;EACnBC,SAAS;EACTC,IAAI,EAAEC,QAAQ;EACdC,WAAW,GAAG,KAAK;EACnBC,YAAY;EACZC,QAAQ;EACR,GAAGC;AACS,CAAC,EAAE;EACf,MAAM;IAAEnB;EAAK,CAAC,GAAGF,eAAe,CAAC,CAAC;EAClC,MAAM,CAACsB,YAAY,EAAEC,eAAe,CAAC,GAAG5C,QAAQ,CAACuC,WAAW,CAAC;EAC7D,MAAMM,YAAY,GAAGP,QAAQ,KAAKQ,SAAS;EAC3C,MAAMT,IAAI,GAAGQ,YAAY,GAAGP,QAAQ,GAAGK,YAAY;EAEnD,MAAMI,OAAO,GAAGnD,WAAW,CACxBoD,IAAa,IAAK;IACjB,IAAI,CAACH,YAAY,EAAED,eAAe,CAACI,IAAI,CAAC;IACxCR,YAAY,GAAGQ,IAAI,CAAC;EACtB,CAAC,EACD,CAACH,YAAY,EAAEL,YAAY,CAC7B,CAAC;EAED,MAAMP,OAAO,GAAGlC,OAAO,CAAC,OAAO;IAAEsC,IAAI;IAAEU;EAAQ,CAAC,CAAC,EAAE,CAACV,IAAI,EAAEU,OAAO,CAAC,CAAC;EAEnE,oBACE/B,IAAA,CAACc,cAAc,CAACmB,QAAQ;IAACC,KAAK,EAAEjB,OAAQ;IAAAQ,QAAA,eACtCzB,IAAA,CAACb,IAAI;MAAA,GAAKuC,KAAK;MAAEN,SAAS,EAAEtB,EAAE,CAACS,IAAI,CAAC,CAAC,EAAEa,SAAS,CAAE;MAAAK,QAAA,EAC/CA;IAAQ,CACL;EAAC,CACgB,CAAC;AAE9B;AACAN,WAAW,CAACgB,WAAW,GAAG,SAAS;AAWnC,SAASC,cAAcA,CAAC;EACtBhB,SAAS;EACTiB,KAAK,GAAG,CAAC;EACTZ,QAAQ;EACRa,OAAO;EACP,GAAGZ;AACgB,CAAC,EAAE;EACtB,MAAM;IAAEL,IAAI;IAAEU;EAAQ,CAAC,GAAGhB,UAAU,CAAC,iBAAiB,CAAC;EACvD,MAAM;IAAEP,OAAO;IAAEC;EAAa,CAAC,GAAGJ,eAAe,CAAC,CAAC;EACnD,MAAMkC,aAAa,GAAGjD,gBAAgB,CAAC,CAAC;EACxC,MAAMkD,QAAQ,GAAGjD,cAAc,CAAC8B,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;EAE7CvC,SAAS,CAAC,MAAM;IACd0D,QAAQ,CAACN,KAAK,GAAGK,aAAa,GAC1BlB,IAAI,GACF,CAAC,GACD,CAAC,GACH7B,UAAU,CAAC6B,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;MAAEoB,QAAQ,EAAE;IAAI,CAAC,CAAC;EACjD,CAAC,EAAE,CAACpB,IAAI,EAAEkB,aAAa,EAAEC,QAAQ,CAAC,CAAC;EAEnC,MAAME,YAAY,GAAGrD,gBAAgB,CAAC,OAAO;IAC3CsD,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,GAAGJ,QAAQ,CAACN,KAAK,GAAG,GAAG;IAAM,CAAC;EACtD,CAAC,CAAC,CAAC;EAEH,oBACElC,IAAA,CAACd,SAAS;IACR2D,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAE1B;IAAK,CAAE;IACvCiB,OAAO,EAAGU,KAAK,IAAK;MAClBV,OAAO,GAAGU,KAAK,CAAC;MAChBjB,OAAO,CAAC,CAACV,IAAI,CAAC;IAChB,CAAE;IACFD,SAAS,EAAEtB,EAAE,CAACU,OAAO,CAAC,CAAC,EAAEY,SAAS,CAAE;IAAA,GAChCM,KAAK;IAAAD,QAAA,EAERA,QAAQ,iBACPvB,KAAA,CAAAE,SAAA;MAAAqB,QAAA,gBACEvB,KAAA,CAACL,IAAI;QAACuB,SAAS,EAAEX,YAAY,CAAC,CAAE;QAAAgB,QAAA,GAAC,OAC1B,EAACY,KAAK,EAAC,GAAC,EAACA,KAAK,KAAK,CAAC,GAAG,QAAQ,GAAG,SAAS;MAAA,CAC5C,CAAC,eACPrC,IAAA,CAACZ,QAAQ,CAACD,IAAI;QAAC8D,KAAK,EAAEP,YAAa;QAAAjB,QAAA,eACjCzB,IAAA,CAACN,eAAe;UAACwD,IAAI,EAAE;QAAG,CAAE;MAAC,CAChB,CAAC;IAAA,CAChB;EACH,CACQ,CAAC;AAEhB;AAOA,SAASC,cAAcA,CAAC;EAAE/B,SAAS;EAAEK,QAAQ;EAAE,GAAGC;AAA2B,CAAC,EAAE;EAC9E,MAAM;IAAEL;EAAK,CAAC,GAAGN,UAAU,CAAC,iBAAiB,CAAC;EAC9C,MAAM;IAAEL;EAAQ,CAAC,GAAGL,eAAe,CAAC,CAAC;EAErC,oBACEL,IAAA,CAACJ,QAAQ;IAACyB,IAAI,EAAEA,IAAK;IAACD,SAAS,EAAEtB,EAAE,CAACY,OAAO,CAAC,CAAC,EAAEU,SAAS,CAAE;IAAA,GAAKM,KAAK;IAAAD,QAAA,EACjEA;EAAQ,CACD,CAAC;AAEf;AAiBA;AACA,SAAS2B,aAAaA,CAAC;EACrBhC,SAAS;EACTiC,IAAI;EACJC,KAAK;EACLC,IAAI;EACJ9B,QAAQ;EACRa,OAAO;EACP,GAAGZ;AACe,CAAC,EAAE;EACrB,MAAM;IAAEf,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGR,eAAe,CAAC,CAAC;EAC7D,MAAMmD,IAAI,GAAGzE,OAAO,CAAC,MAAM0E,MAAM,CAACJ,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEhD,oBACErD,IAAA,CAACd,SAAS;IACR2D,iBAAiB,EAAC,MAAM;IACxBa,kBAAkB,EAAEJ,KAAK,IAAIE,IAAI,IAAIH,IAAK;IAC1Cf,OAAO,EAAGU,KAAK,IAAK;MAClBV,OAAO,GAAGU,KAAK,CAAC;MAChB;MACA;MACA,IAAIK,IAAI,EAAE,KAAKpE,OAAO,CAAC0E,OAAO,CAACN,IAAI,CAAC,CAACO,KAAK,CAAC,MAAM9B,SAAS,CAAC;IAC7D,CAAE;IACFV,SAAS,EAAEtB,EAAE,CAACa,MAAM,CAAC,CAAC,EAAES,SAAS,CAAE;IAAA,GAC/BM,KAAK;IAAAD,QAAA,EAERA,QAAQ,iBACPvB,KAAA,CAAAE,SAAA;MAAAqB,QAAA,GACG8B,IAAI,iBAAIvD,IAAA,CAACL,QAAQ;QAACuD,IAAI,EAAE;MAAG,CAAE,CAAC,eAC/BlD,IAAA,CAACH,IAAI;QAACgE,aAAa,EAAE,CAAE;QAACzC,SAAS,EAAER,WAAW,CAAC,CAAE;QAAAa,QAAA,EAC9C6B,KAAK,IAAIE,IAAI,IAAIH;MAAI,CAClB,CAAC,EACNC,KAAK,IAAIE,IAAI,gBACZxD,IAAA,CAACH,IAAI;QAACgE,aAAa,EAAE,CAAE;QAACzC,SAAS,EAAEP,UAAU,CAAC,CAAE;QAAAY,QAAA,EAC7C+B;MAAI,CACD,CAAC,GACL,IAAI;IAAA,CACR;EACH,CACQ,CAAC;AAEhB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,MAAMA,CAACJ,IAAwB,EAAsB;EAC5D,IAAI,CAACA,IAAI,EAAE,OAAOvB,SAAS;EAC3B,MAAMgC,KAAK,GAAG,mCAAmC,CAACC,IAAI,CAACV,IAAI,CAAC;EAC5D,OAAOS,KAAK,GAAG,CAAC,CAAC,EAAEE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;AAC3C;AAEA5B,cAAc,CAACD,WAAW,GAAG,iBAAiB;AAC9CgB,cAAc,CAAChB,WAAW,GAAG,iBAAiB;AAC9CiB,aAAa,CAACjB,WAAW,GAAG,gBAAgB;AAE5C,OAAO,MAAM8B,OAAO,GAAGC,MAAM,CAACC,MAAM,CAAChD,WAAW,EAAE;EAChDiD,OAAO,EAAEhC,cAAc;EACvBiC,OAAO,EAAElB,cAAc;EACvBmB,MAAM,EAAElB;AACV,CAAC,CAAC","ignoreList":[]}