thaddeus 1.0.26 → 1.0.28

package/src/components/LogoV2/AnimatedAsterisk.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { TEARDROP_ASTERISK } from '../../constants/figures.js';
+import { Box, Text, useAnimationFrame } from '../../ink.js';
+import { getInitialSettings } from '../../utils/settings/settings.js';
+import { hueToRgb, toRGBColor } from '../Spinner/utils.js';
+const SWEEP_DURATION_MS = 1500;
+const SWEEP_COUNT = 2;
+const TOTAL_ANIMATION_MS = SWEEP_DURATION_MS * SWEEP_COUNT;
+const SETTLED_GREY = toRGBColor({
+    r: 153,
+    g: 153,
+    b: 153
+});
+export function AnimatedAsterisk({ char = TEARDROP_ASTERISK }) {
+    // Read prefersReducedMotion once at mount — no useSettings() subscription,
+    // since that would re-render whenever settings change.
+    const [reducedMotion] = useState(() => getInitialSettings().prefersReducedMotion ?? false);
+    const [done, setDone] = useState(reducedMotion);
+    // useAnimationFrame's clock is shared — capture our start offset so the
+    // sweep always begins at hue 0 regardless of when we mount.
+    const startTimeRef = useRef(null);
+    // Wire the ref so useAnimationFrame's viewport-pause kicks in: if the
+    // user submits a message before the sweep finishes, the clock stops
+    // automatically once this row enters scrollback (prevents flicker).
+    const [ref, time] = useAnimationFrame(done ? null : 50);
+    useEffect(() => {
+        if (done)
+            return;
+        const t = setTimeout(setDone, TOTAL_ANIMATION_MS, true);
+        return () => clearTimeout(t);
+    }, [done]);
+    if (done) {
+        return _jsx(Box, { ref: ref, children: _jsx(Text, { color: SETTLED_GREY, children: char }) });
+    }
+    if (startTimeRef.current === null) {
+        startTimeRef.current = time;
+    }
+    const elapsed = time - startTimeRef.current;
+    const hue = elapsed / SWEEP_DURATION_MS * 360 % 360;
+    return _jsx(Box, { ref: ref, children: _jsx(Text, { color: toRGBColor(hueToRgb(hue)), children: char }) });
+}

package/src/components/LogoV2/AnimatedClawd.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { Box } from '../../ink.js';
+import { getInitialSettings } from '../../utils/settings/settings.js';
+import { Clawd } from './Clawd.js';
+function hold(pose, offset, frames) {
+    return Array.from({ length: frames }, () => ({ pose, offset }));
+}
+const SURGE_PULSE = [
+    ...hold('default', 1, 2),
+    ...hold('arms-up', 0, 3),
+    ...hold('default', 0, 1),
+    ...hold('default', 1, 2),
+    ...hold('arms-up', 0, 3),
+    ...hold('default', 0, 1),
+];
+const TARGET_SWEEP = [
+    ...hold('look-right', 0, 5),
+    ...hold('look-left', 0, 5),
+    ...hold('default', 0, 1),
+];
+const CLICK_ANIMATIONS = [
+    SURGE_PULSE,
+    TARGET_SWEEP,
+];
+const IDLE = { pose: 'default', offset: 0 };
+const FRAME_MS = 60;
+const EMBLEM_HEIGHT = 4;
+export function AnimatedClawd() {
+    const { pose, bounceOffset, onClick } = useClawdAnimation();
+    return (_jsx(Box, { height: EMBLEM_HEIGHT, flexDirection: "column", onClick: onClick, children: _jsx(Box, { marginTop: bounceOffset, flexShrink: 0, children: _jsx(Clawd, { pose: pose }) }) }));
+}
+function useClawdAnimation() {
+    const [reducedMotion] = useState(() => getInitialSettings().prefersReducedMotion ?? false);
+    const [frameIndex, setFrameIndex] = useState(-1);
+    const sequenceRef = useRef(SURGE_PULSE);
+    const onClick = () => {
+        if (reducedMotion || frameIndex !== -1)
+            return;
+        sequenceRef.current =
+            CLICK_ANIMATIONS[Math.floor(Math.random() * CLICK_ANIMATIONS.length)] ?? SURGE_PULSE;
+        setFrameIndex(0);
+    };
+    useEffect(() => {
+        if (frameIndex === -1)
+            return;
+        if (frameIndex >= sequenceRef.current.length) {
+            setFrameIndex(-1);
+            return;
+        }
+        const timer = setTimeout(() => setFrameIndex(index => index + 1), FRAME_MS);
+        return () => clearTimeout(timer);
+    }, [frameIndex]);
+    const sequence = sequenceRef.current;
+    const current = frameIndex >= 0 && frameIndex < sequence.length
+        ? sequence[frameIndex] ?? IDLE
+        : IDLE;
+    return {
+        pose: current.pose,
+        bounceOffset: current.offset,
+        onClick,
+    };
+}

package/src/components/LogoV2/ChannelsNotice.js

@@ -0,0 +1,262 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
+// Conditionally require()'d in LogoV2.tsx behind feature('KAIROS') ||
+// feature('KAIROS_CHANNELS'). No feature() guard here — the whole file
+// tree-shakes via the require pattern when both flags are false (see
+// docs/feature-gating.md). Do NOT import this module statically from
+// unguarded code.
+import * as React from 'react';
+import { useState } from 'react';
+import { getAllowedChannels, getHasDevChannels } from '../../bootstrap/state.js';
+import { Box, Text } from '../../ink.js';
+import { isChannelsEnabled } from '../../services/mcp/channelAllowlist.js';
+import { getEffectiveChannelAllowlist } from '../../services/mcp/channelNotification.js';
+import { getMcpConfigsByScope } from '../../services/mcp/config.js';
+import { getClaudeAIOAuthTokens, getSubscriptionType } from '../../utils/auth.js';
+import { loadInstalledPluginsV2 } from '../../utils/plugins/installedPluginsManager.js';
+import { getSettingsForSource } from '../../utils/settings/settings.js';
+export function ChannelsNotice() {
+    const $ = _c(32);
+    const [t0] = useState(_temp);
+    const { channels, disabled, noAuth, policyBlocked, list, unmatched } = t0;
+    if (channels.length === 0) {
+        return null;
+    }
+    const hasNonDev = channels.some(_temp2);
+    const flag = getHasDevChannels() && hasNonDev ? "Channels" : getHasDevChannels() ? "--dangerously-load-development-channels" : "--channels";
+    if (disabled) {
+        let t1;
+        if ($[0] !== flag || $[1] !== list) {
+            t1 = _jsxs(Text, { color: "error", children: [flag, " ignored (", list, ")"] });
+            $[0] = flag;
+            $[1] = list;
+            $[2] = t1;
+        }
+        else {
+            t1 = $[2];
+        }
+        let t2;
+        if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+            t2 = _jsx(Text, { dimColor: true, children: "Channels are not currently available" });
+            $[3] = t2;
+        }
+        else {
+            t2 = $[3];
+        }
+        let t3;
+        if ($[4] !== t1) {
+            t3 = _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [t1, t2] });
+            $[4] = t1;
+            $[5] = t3;
+        }
+        else {
+            t3 = $[5];
+        }
+        return t3;
+    }
+    if (noAuth) {
+        let t1;
+        if ($[6] !== flag || $[7] !== list) {
+            t1 = _jsxs(Text, { color: "error", children: [flag, " ignored (", list, ")"] });
+            $[6] = flag;
+            $[7] = list;
+            $[8] = t1;
+        }
+        else {
+            t1 = $[8];
+        }
+        let t2;
+        if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+            t2 = _jsx(Text, { dimColor: true, children: "Channels require authentication \u00B7 run /login, then restart" });
+            $[9] = t2;
+        }
+        else {
+            t2 = $[9];
+        }
+        let t3;
+        if ($[10] !== t1) {
+            t3 = _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [t1, t2] });
+            $[10] = t1;
+            $[11] = t3;
+        }
+        else {
+            t3 = $[11];
+        }
+        return t3;
+    }
+    if (policyBlocked) {
+        let t1;
+        if ($[12] !== flag || $[13] !== list) {
+            t1 = _jsxs(Text, { color: "error", children: [flag, " blocked by org policy (", list, ")"] });
+            $[12] = flag;
+            $[13] = list;
+            $[14] = t1;
+        }
+        else {
+            t1 = $[14];
+        }
+        let t2;
+        let t3;
+        if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+            t2 = _jsx(Text, { dimColor: true, children: "Inbound messages will be silently dropped" });
+            t3 = _jsx(Text, { dimColor: true, children: "Have an administrator set channelsEnabled: true in managed settings to enable" });
+            $[15] = t2;
+            $[16] = t3;
+        }
+        else {
+            t2 = $[15];
+            t3 = $[16];
+        }
+        let t4;
+        if ($[17] !== unmatched) {
+            t4 = unmatched.map(_temp3);
+            $[17] = unmatched;
+            $[18] = t4;
+        }
+        else {
+            t4 = $[18];
+        }
+        let t5;
+        if ($[19] !== t1 || $[20] !== t4) {
+            t5 = _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [t1, t2, t3, t4] });
+            $[19] = t1;
+            $[20] = t4;
+            $[21] = t5;
+        }
+        else {
+            t5 = $[21];
+        }
+        return t5;
+    }
+    let t1;
+    if ($[22] !== list) {
+        t1 = _jsxs(Text, { color: "error", children: ["Listening for channel messages from: ", list] });
+        $[22] = list;
+        $[23] = t1;
+    }
+    else {
+        t1 = $[23];
+    }
+    let t2;
+    if ($[24] !== flag) {
+        t2 = _jsxs(Text, { dimColor: true, children: ["Experimental \u00B7 inbound messages will be pushed into this session, this carries prompt injection risks. Restart Thaddeus without ", flag, " to disable."] });
+        $[24] = flag;
+        $[25] = t2;
+    }
+    else {
+        t2 = $[25];
+    }
+    let t3;
+    if ($[26] !== unmatched) {
+        t3 = unmatched.map(_temp4);
+        $[26] = unmatched;
+        $[27] = t3;
+    }
+    else {
+        t3 = $[27];
+    }
+    let t4;
+    if ($[28] !== t1 || $[29] !== t2 || $[30] !== t3) {
+        t4 = _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [t1, t2, t3] });
+        $[28] = t1;
+        $[29] = t2;
+        $[30] = t3;
+        $[31] = t4;
+    }
+    else {
+        t4 = $[31];
+    }
+    return t4;
+}
+function _temp4(u_0) {
+    return _jsxs(Text, { color: "warning", children: [formatEntry(u_0.entry), " \u00B7 ", u_0.why] }, `${formatEntry(u_0.entry)}:${u_0.why}`);
+}
+function _temp3(u) {
+    return _jsxs(Text, { color: "warning", children: [formatEntry(u.entry), " \u00B7 ", u.why] }, `${formatEntry(u.entry)}:${u.why}`);
+}
+function _temp2(c) {
+    return !c.dev;
+}
+function _temp() {
+    const ch = getAllowedChannels();
+    if (ch.length === 0) {
+        return {
+            channels: ch,
+            disabled: false,
+            noAuth: false,
+            policyBlocked: false,
+            list: "",
+            unmatched: []
+        };
+    }
+    const l = ch.map(formatEntry).join(", ");
+    const sub = getSubscriptionType();
+    const managed = sub === "team" || sub === "enterprise";
+    const policy = getSettingsForSource("policySettings");
+    const allowlist = getEffectiveChannelAllowlist(sub, policy?.allowedChannelPlugins);
+    return {
+        channels: ch,
+        disabled: !isChannelsEnabled(),
+        noAuth: !getClaudeAIOAuthTokens()?.accessToken,
+        policyBlocked: managed && policy?.channelsEnabled !== true,
+        list: l,
+        unmatched: findUnmatched(ch, allowlist)
+    };
+}
+function formatEntry(c) {
+    return c.kind === 'plugin' ? `plugin:${c.name}@${c.marketplace}` : `server:${c.name}`;
+}
+function findUnmatched(entries, allowlist) {
+    // Server-kind: build one Set from all scopes up front. getMcpConfigsByScope
+    // is not cached (project scope walks the dir tree); getMcpConfigByName would
+    // redo that walk per entry.
+    const scopes = ['enterprise', 'user', 'project', 'local'];
+    const configured = new Set();
+    for (const scope of scopes) {
+        for (const name of Object.keys(getMcpConfigsByScope(scope).servers)) {
+            configured.add(name);
+        }
+    }
+    // Plugin-kind installed check: installed_plugins.json keys are
+    // `name@marketplace`. loadInstalledPluginsV2 is cached.
+    const installedPluginIds = new Set(Object.keys(loadInstalledPluginsV2().plugins));
+    // Plugin-kind allowlist check: same {marketplace, plugin} test as the
+    // gate at channelNotification.ts. entry.dev bypasses (dev flag opts out
+    // of the allowlist). Org list replaces ledger when set (team/enterprise).
+    // GrowthBook _CACHED_MAY_BE_STALE — cold cache yields [] so every plugin
+    // entry warns; same tradeoff the gate already accepts.
+    const { entries: allowed, source } = allowlist;
+    // Independent ifs — a plugin entry that's both uninstalled AND
+    // unlisted shows two lines. Server kind checks config + dev flag.
+    const out = [];
+    for (const entry of entries) {
+        if (entry.kind === 'server') {
+            if (!configured.has(entry.name)) {
+                out.push({
+                    entry,
+                    why: 'no MCP server configured with that name'
+                });
+            }
+            if (!entry.dev) {
+                out.push({
+                    entry,
+                    why: 'server: entries need --dangerously-load-development-channels'
+                });
+            }
+            continue;
+        }
+        if (!installedPluginIds.has(`${entry.name}@${entry.marketplace}`)) {
+            out.push({
+                entry,
+                why: 'plugin not installed'
+            });
+        }
+        if (!entry.dev && !allowed.some(e => e.plugin === entry.name && e.marketplace === entry.marketplace)) {
+            out.push({
+                entry,
+                why: source === 'org' ? "not on your org's approved channels list" : 'not on the approved channels allowlist'
+            });
+        }
+    }
+    return out;
+}

package/src/components/LogoV2/Clawd.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Box, Text } from '../../ink.js';
+const EMBLEM_ROWS = {
+    default: [
+        '╭─╼◢████◣╾─╮',
+        '│┈◥╲◈╱◤┈┈│',
+        '│┈◢╱██╲◣┈│',
+        '╰─╼◥████◤╾─╯',
+    ],
+    'look-left': [
+        '╭─╼◢████◣╾─╮',
+        '│┈◥◣◈╱◤┈┈│',
+        '│┈◢╱██◥◣┈│',
+        '╰─╼◥████◤╾─╯',
+    ],
+    'look-right': [
+        '╭─╼◢████◣╾─╮',
+        '│┈◥╲◈◢◤┈┈│',
+        '│┈◢◤██╲◣┈│',
+        '╰─╼◥████◤╾─╯',
+    ],
+    'arms-up': [
+        '╭╼◢██████◣╾╮',
+        '├┈◥╲◈◈╱◤┈┤',
+        '├┈◢╱████╲◣┈┤',
+        '╰╼◥██████◤╾╯',
+    ],
+};
+export function Clawd({ pose = 'default' } = {}) {
+    const rows = EMBLEM_ROWS[pose];
+    return (_jsx(Box, { flexDirection: "column", children: rows.map((row, index) => (_jsx(Text, { color: "clawd_body", children: row }, `${pose}-${index}`))) }));
+}

package/src/components/LogoV2/CondensedLogo.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
+import * as React from 'react';
+import { useEffect } from 'react';
+import { useMainLoopModel } from '../../hooks/useMainLoopModel.js';
+import { useTerminalSize } from '../../hooks/useTerminalSize.js';
+import { stringWidth } from '../../ink/stringWidth.js';
+import { Box, Text } from '../../ink.js';
+import { useAppState } from '../../state/AppState.js';
+import { getEffortSuffix } from '../../utils/effort.js';
+import { truncate } from '../../utils/format.js';
+import { isFullscreenEnvEnabled } from '../../utils/fullscreen.js';
+import { formatModelAndBilling, getLogoDisplayData, truncatePath } from '../../utils/logoV2Utils.js';
+import { renderModelSetting } from '../../utils/model/model.js';
+import { OffscreenFreeze } from '../OffscreenFreeze.js';
+import { AnimatedClawd } from './AnimatedClawd.js';
+import { Clawd } from './Clawd.js';
+import { GuestPassesUpsell, incrementGuestPassesSeenCount, useShowGuestPassesUpsell } from './GuestPassesUpsell.js';
+import { incrementOverageCreditUpsellSeenCount, OverageCreditUpsell, useShowOverageCreditUpsell } from './OverageCreditUpsell.js';
+export function CondensedLogo() {
+    const $ = _c(29);
+    const { columns } = useTerminalSize();
+    const agent = useAppState(_temp);
+    const effortValue = useAppState(_temp2);
+    const model = useMainLoopModel();
+    const modelDisplayName = renderModelSetting(model);
+    const { version, cwd, billingType, agentName: agentNameFromSettings } = getLogoDisplayData();
+    const agentName = agent ?? agentNameFromSettings;
+    const showGuestPassesUpsell = useShowGuestPassesUpsell();
+    const showOverageCreditUpsell = useShowOverageCreditUpsell();
+    let t0;
+    let t1;
+    if ($[0] !== showGuestPassesUpsell) {
+        t0 = () => {
+            if (showGuestPassesUpsell) {
+                incrementGuestPassesSeenCount();
+            }
+        };
+        t1 = [showGuestPassesUpsell];
+        $[0] = showGuestPassesUpsell;
+        $[1] = t0;
+        $[2] = t1;
+    }
+    else {
+        t0 = $[1];
+        t1 = $[2];
+    }
+    useEffect(t0, t1);
+    let t2;
+    let t3;
+    if ($[3] !== showGuestPassesUpsell || $[4] !== showOverageCreditUpsell) {
+        t2 = () => {
+            if (showOverageCreditUpsell && !showGuestPassesUpsell) {
+                incrementOverageCreditUpsellSeenCount();
+            }
+        };
+        t3 = [showOverageCreditUpsell, showGuestPassesUpsell];
+        $[3] = showGuestPassesUpsell;
+        $[4] = showOverageCreditUpsell;
+        $[5] = t2;
+        $[6] = t3;
+    }
+    else {
+        t2 = $[5];
+        t3 = $[6];
+    }
+    useEffect(t2, t3);
+    const textWidth = Math.max(columns - 15, 20);
+    const truncatedVersion = truncate(version, Math.max(textWidth - 13, 6));
+    const effortSuffix = getEffortSuffix(model, effortValue);
+    const { shouldSplit, truncatedModel, truncatedBilling } = formatModelAndBilling(modelDisplayName + effortSuffix, billingType, textWidth);
+    const cwdAvailableWidth = agentName ? textWidth - 1 - stringWidth(agentName) - 3 : textWidth;
+    const truncatedCwd = truncatePath(cwd, Math.max(cwdAvailableWidth, 10));
+    let t4;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = isFullscreenEnvEnabled() ? _jsx(AnimatedClawd, {}) : _jsx(Clawd, {});
+        $[7] = t4;
+    }
+    else {
+        t4 = $[7];
+    }
+    let t5;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = _jsx(Text, { bold: true, children: "THADDEUS" });
+        $[8] = t5;
+    }
+    else {
+        t5 = $[8];
+    }
+    let t6;
+    if ($[9] !== truncatedVersion) {
+        t6 = _jsxs(Text, { children: [t5, " ", _jsxs(Text, { dimColor: true, children: ["v", truncatedVersion] })] });
+        $[9] = truncatedVersion;
+        $[10] = t6;
+    }
+    else {
+        t6 = $[10];
+    }
+    let t7;
+    if ($[11] !== shouldSplit || $[12] !== truncatedBilling || $[13] !== truncatedModel) {
+        t7 = shouldSplit ? _jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: truncatedModel }), _jsx(Text, { dimColor: true, children: truncatedBilling })] }) : _jsxs(Text, { dimColor: true, children: [truncatedModel, " \u00B7 ", truncatedBilling] });
+        $[11] = shouldSplit;
+        $[12] = truncatedBilling;
+        $[13] = truncatedModel;
+        $[14] = t7;
+    }
+    else {
+        t7 = $[14];
+    }
+    const t8 = agentName ? `@${agentName} · ${truncatedCwd}` : truncatedCwd;
+    let t9;
+    if ($[15] !== t8) {
+        t9 = _jsx(Text, { dimColor: true, children: t8 });
+        $[15] = t8;
+        $[16] = t9;
+    }
+    else {
+        t9 = $[16];
+    }
+    let t10;
+    if ($[17] !== showGuestPassesUpsell) {
+        t10 = showGuestPassesUpsell && _jsx(GuestPassesUpsell, {});
+        $[17] = showGuestPassesUpsell;
+        $[18] = t10;
+    }
+    else {
+        t10 = $[18];
+    }
+    let t11;
+    if ($[19] !== showGuestPassesUpsell || $[20] !== showOverageCreditUpsell || $[21] !== textWidth) {
+        t11 = !showGuestPassesUpsell && showOverageCreditUpsell && _jsx(OverageCreditUpsell, { maxWidth: textWidth, twoLine: true });
+        $[19] = showGuestPassesUpsell;
+        $[20] = showOverageCreditUpsell;
+        $[21] = textWidth;
+        $[22] = t11;
+    }
+    else {
+        t11 = $[22];
+    }
+    let t12;
+    if ($[23] !== t10 || $[24] !== t11 || $[25] !== t6 || $[26] !== t7 || $[27] !== t9) {
+        t12 = _jsx(OffscreenFreeze, { children: _jsxs(Box, { flexDirection: "row", gap: 2, alignItems: "center", children: [t4, _jsxs(Box, { flexDirection: "column", children: [t6, t7, t9, t10, t11] })] }) });
+        $[23] = t10;
+        $[24] = t11;
+        $[25] = t6;
+        $[26] = t7;
+        $[27] = t9;
+        $[28] = t12;
+    }
+    else {
+        t12 = $[28];
+    }
+    return t12;
+}
+function _temp2(s_0) {
+    return s_0.effortValue;
+}
+function _temp(s) {
+    return s.agent;
+}

package/src/components/LogoV2/EmergencyTip.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useMemo } from 'react';
+import { Box, Text } from 'src/ink.js';
+import { getDynamicConfig_CACHED_MAY_BE_STALE } from 'src/services/analytics/growthbook.js';
+import { getGlobalConfig, saveGlobalConfig } from 'src/utils/config.js';
+const CONFIG_NAME = 'thaddeus-top-of-feed-tip';
+export function EmergencyTip() {
+    const tip = useMemo(getTipOfFeed, []);
+    // Memoize to prevent re-reads after we save - we want the value at mount time
+    const lastShownTip = useMemo(() => getGlobalConfig().lastShownEmergencyTip, []);
+    // Only show if this is a new/different tip
+    const shouldShow = tip.tip && tip.tip !== lastShownTip;
+    // Save the tip we're showing so we don't show it again
+    useEffect(() => {
+        if (shouldShow) {
+            saveGlobalConfig(current => {
+                if (current.lastShownEmergencyTip === tip.tip)
+                    return current;
+                return {
+                    ...current,
+                    lastShownEmergencyTip: tip.tip
+                };
+            });
+        }
+    }, [shouldShow, tip.tip]);
+    if (!shouldShow) {
+        return null;
+    }
+    return _jsx(Box, { paddingLeft: 2, flexDirection: "column", children: _jsx(Text, { ...tip.color === 'warning' ? {
+                color: 'warning'
+            } : tip.color === 'error' ? {
+                color: 'error'
+            } : {
+                dimColor: true
+            }, children: tip.tip }) });
+}
+const DEFAULT_TIP = {
+    tip: '',
+    color: 'dim'
+};
+/**
+ * Get the tip of the feed from dynamic config with caching
+ * Returns cached value immediately, updates in background
+ */
+function getTipOfFeed() {
+    return getDynamicConfig_CACHED_MAY_BE_STALE(CONFIG_NAME, DEFAULT_TIP);
+}