@rightkit/system-ui 0.0.0-stage → 0.1.0

package/dist/views/NearbySettings.js

@@ -0,0 +1,237 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useEffect, useRef, useState } from "react";
+import { invoke } from "@tauri-apps/api/core";
+import { listen } from "@tauri-apps/api/event";
+import { Pencil, X } from "lucide-react";
+import { Button, IconButton, SegmentedControl, Toggle, Input } from "@rightkit/react-shell/react";
+import { isWindows } from "../api.js";
+import { SettingRow, SettingsGroup } from "@rightkit/settings-ui/core";
+import { NeedsLine } from "./settingsKit.js";
+import { clearVisibleInterval, visibleInterval } from "../visible.js";
+import { CHAT_KIND_ORDER, chatKindName } from "../lib/chatKind.js";
+const TARGET_NAMES = { claude: "Claude", codex: "Codex" };
+/** Polls the sharing service; also refreshes when the service says something changed. */
+export function useShareState() {
+    const [state, setState] = useState(null);
+    useEffect(() => {
+        let alive = true;
+        const load = () => {
+            invoke("share_state")
+                .then((value) => { if (alive)
+                setState(value); })
+                .catch(() => { if (alive)
+                setState(null); });
+        };
+        load();
+        const timer = visibleInterval(load, 3000);
+        const unlisten = listen("share-devices", load);
+        return () => {
+            alive = false;
+            clearVisibleInterval(timer);
+            void unlisten.then((f) => f());
+        };
+    }, []);
+    return state;
+}
+/** The "Chat" block: chats talking to chats on nearby computers. */
+function AgentChat({ share, s, set }) {
+    const chat = share?.chat;
+    const enabled = chat?.enabled !== false;
+    const [message, setMessage] = useState(null);
+    const [report, setReport] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const toggle = (on) => {
+        invoke("chat_set_enabled", { on }).catch((e) => setMessage(String(e)));
+    };
+    const install = () => {
+        setBusy(true);
+        setMessage(null);
+        invoke("chat_install_skill")
+            .then((r) => setReport(r))
+            .catch((e) => { setReport(null); setMessage(String(e)); })
+            .finally(() => setBusy(false));
+    };
+    let status = "";
+    if (!enabled)
+        status = "Off.";
+    else {
+        const local = chat?.localChats ?? 0;
+        const links = (chat?.links ?? []).map((l) => {
+            if (l.error) {
+                const since = l.lastErrorMs ? `offline ${ageText(l.lastErrorMs)}` : "offline";
+                return `${l.device}: ${since}: ${l.error}`;
+            }
+            const ok = l.lastOkMs ? `, ok ${ageText(l.lastOkMs)}` : "";
+            return `${l.chats ?? 0} on ${l.device}${ok}`;
+        });
+        status = [`${local} ${local === 1 ? "chat" : "chats"} here.`, ...links.map((t) => `${t}.`)].join(" ");
+    }
+    const activity = chat?.activity;
+    const outcome = activity?.sentMs
+        ? `Last message: ${activity.lastOutcome ?? "delivered"} · ${ageText(activity.sentMs)} ago`
+        : null;
+    return (_jsxs(_Fragment, { children: [_jsx(SettingRow, { className: "ck-set", label: "Chat", description: "Lets Claude, Codex and Muse chats on this computer message chats on linked computers over ssh. Link one with: pulse chat link <device> <ssh-host>", children: _jsx(Toggle, { checked: enabled, onChange: toggle, label: "Chat" }) }), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Light the Send ring on Chat activity", description: "The Send ring pulses for a few seconds when a Chat message is sent or arrives. On by default.", children: _jsx(Toggle, { checked: s.chatRingLight !== false, onChange: (on) => set("chatRingLight", on), label: "Light the Send ring on Chat activity" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Install Pulse Chat into the agent apps it finds", description: "Finds Claude Code, Codex and Muse on this computer and installs Pulse's Chat integration where it is missing, with nothing to do on your side. Muse asks once on a notch card; a Not now is not asked again until this is turned off and on. On by default.", children: _jsx(Toggle, { checked: s.chatPluginAutoInstall !== false, onChange: (on) => set("chatPluginAutoInstall", on), label: "Install Pulse Chat into the agent apps it finds" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Deliver chat messages to Claude through the Pulse plugin", description: "The message arrives as added context labelled as coming from another agent, after the chat's next tool call, at the end of its turn, or with the user's next prompt. An idle chat reads it only on its next turn. Requires the Pulse plugin installed in Claude Code. Auto (the default): on once a Pulse Claude plugin hook has run on this computer within 7 days. On or Off overrides it.", children: _jsx(SegmentedControl, { label: "Deliver chat messages to Claude through the Pulse plugin", value: chat?.claudeHookDeliveryMode ?? "auto", options: [
+                        { value: "auto", label: "Auto" },
+                        { value: "on", label: "On" },
+                        { value: "off", label: "Off" },
+                    ], onChange: (v) => {
+                        invoke("chat_set_claude_hook_delivery", { mode: v }).catch((e) => setMessage(String(e)));
+                    } }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "List terminal chats active in the last 6 hours", description: "Lists interactive terminal chats (Claude Code, Codex and Muse in a terminal) alongside the app chats, but only while they have been active in the last 6 hours, so old terminal sessions do not clutter the list. Off, only app chats are listed. App chats are always listed. On by default.", children: _jsx(Toggle, { checked: chat?.terminalChats !== false, onChange: (on) => {
+                        invoke("chat_set_terminal_chats", { on }).catch((e) => setMessage(String(e)));
+                    }, label: "List terminal chats active in the last 6 hours" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Claude profiles in other home folders", description: "Lists and messages Claude chats in other Claude profiles (~/ClaudeProfiles), labelled by profile. On by default.", children: _jsx(Toggle, { checked: chat?.chatClaudeProfiles !== false, onChange: (on) => {
+                        invoke("chat_set_claude_profiles", { on }).catch((e) => setMessage(String(e)));
+                    }, label: "Claude profiles in other home folders" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Muse chats", description: "Lists, reads and messages Muse Code chats, and lets Pulse's Muse plugin register them and hand them messages. Off, no Muse chat is listed or reached and the plugin's hooks do nothing. Install the plugin with pulse chat install --muse. On by default.", children: _jsx(Toggle, { checked: chat?.chatMuse !== false, onChange: (on) => {
+                        invoke("chat_set_muse_chats", { on }).catch((e) => setMessage(String(e)));
+                    }, label: "Muse chats" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Stamp my words into messages", description: "Each message a chat sends carries your last three typed turns, read by Pulse from that chat's transcript, so the receiving chat can check what you asked. Up to 3 KB, only to your own linked computers. On by default.", children: _jsx(Toggle, { checked: chat?.stampUserWords !== false, onChange: (on) => {
+                        invoke("chat_set_stamp_user_words", { on }).catch((e) => setMessage(String(e)));
+                    }, label: "Stamp my words into messages" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Start a turn in an idle Codex chat when a message arrives", description: "On, an idle Codex chat is started on the message without anyone pressing Steer, using Codex's own command line, with that chat's normal permissions, and it uses the account's Codex allowance. Only a chat that is positively idle is started, and never one the Codex app may hold: then the message waits for the chat's next prompt or tool call. Off, the message waits for the owner's next prompt. On by default. The app may not show the new turn until the chat is reopened.", children: _jsx(Toggle, { checked: chat?.codexWakeIdle !== false, onChange: (on) => {
+                        invoke("chat_set_codex_wake_idle", { on }).catch((e) => setMessage(String(e)));
+                    }, label: "Start a turn in an idle Codex chat when a message arrives" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Start a turn in an idle Claude chat when a message arrives", description: "On, a message for an idle Claude Desktop chat opens that chat in Claude Desktop so it starts a turn, and it uses the account's Claude allowance. Only chats in Claude Desktop's default profile can be opened; a chat in another profile (Claude B) waits for its next turn. Off, the message waits in the chat's inbox. On by default.", children: _jsx(Toggle, { checked: chat?.claudeWakeIdle !== false, onChange: (on) => {
+                        invoke("chat_set_claude_wake_idle", { on }).catch((e) => setMessage(String(e)));
+                    }, label: "Start a turn in an idle Claude chat when a message arrives" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Start a turn in an idle Muse chat when a message arrives", description: "On, Pulse would start a turn in an idle Muse chat on the message. This Muse version has no supported way to do that, so for now the message waits in the chat's inbox for its next prompt. On by default; it takes effect when Muse offers a supported entry.", children: _jsx(Toggle, { checked: chat?.museWakeIdle !== false, onChange: (on) => {
+                        invoke("chat_set_muse_wake_idle", { on }).catch((e) => setMessage(String(e)));
+                    }, label: "Start a turn in an idle Muse chat when a message arrives" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Hidden delivery into Codex", description: "Wake an idle Codex chat with one short line; the message itself goes in as hidden context, like Claude's collapsed message row.", children: _jsx(Toggle, { checked: chat?.codexHiddenDelivery !== false, onChange: (on) => {
+                        invoke("chat_set_codex_hidden_delivery", { on }).catch((e) => setMessage(String(e)));
+                    }, label: "Hidden delivery into Codex" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Show receipts of messages you sent in chat hooks", description: "On, a chat whose hook runs is told, in a short line, when a message it sent was seen by the receiving chat, picked up, released, refused or expired. At most one such notice a minute, batched. Off, the receipts are still kept (pulse chat receipts).", children: _jsx(Toggle, { checked: chat?.chatReceiptNotices !== false, onChange: (on) => {
+                        invoke("chat_set_receipt_notices", { on }).catch((e) => setMessage(String(e)));
+                    }, label: "Show receipts of messages you sent in chat hooks" }) })), enabled && (_jsx(SettingRow, { className: "ck-set", label: "Pulse skill", description: "Teaches Claude, Codex and Muse chats how to message chats on other computers. Restart a chat to see it.", children: _jsx(Button, { size: "sm", variant: "secondary", disabled: busy, onClick: install, children: "Install the Pulse skill for Claude and Codex" }) })), report && report.changes.map((c) => (_jsxs("div", { className: "ck-sub ck-foot", children: [TARGET_NAMES[c.target] ?? c.target, ": ", c.action, ". ", c.path] }, c.target))), message && _jsx("div", { className: "error", role: "alert", children: message }), _jsx("div", { className: chat?.lastError ? "error" : "ck-sub ck-foot", role: "status", children: chat?.lastError ?? status }), enabled && outcome && _jsx("div", { className: "ck-sub ck-foot", role: "status", children: outcome }), enabled && (chat?.chats?.length ?? 0) > 0 && _jsx(ChatList, { chats: chat.chats })] }));
+}
+/** "42s", "5min", "3h" or "2d" since `ms`. */
+function ageText(ms) {
+    const secs = Math.max(0, Math.floor((Date.now() - ms) / 1000));
+    if (secs < 60)
+        return `${secs}s`;
+    if (secs < 3600)
+        return `${Math.floor(secs / 60)}min`;
+    if (secs < 86400)
+        return `${Math.floor(secs / 3600)}h`;
+    return `${Math.floor(secs / 86400)}d`;
+}
+function ChatRow({ c, kind }) {
+    const cwd = c.cwd ?? "";
+    const folder = cwd.split(/[\\/]/).filter(Boolean).pop() ?? "";
+    return (_jsxs("li", { className: "ck-chats-row", children: [_jsx("span", { className: `ck-chats-kind ck-chats-kind-${kind}`, children: chatKindName(kind) }), _jsx("span", { className: "ck-chats-name", title: c.name, children: c.name }), _jsx("span", { className: "ck-chats-folder", title: cwd || undefined, children: folder }), _jsxs("span", { className: "ck-chats-when", children: [c.updatedMs ? _jsxs("span", { className: "ck-chats-age", children: [ageText(c.updatedMs), " ago"] }) : null, _jsxs("span", { className: `ck-chats-status ck-chats-status-${c.status}`, children: [c.status, c.liveness ? ` · ${c.liveness}` : ""] })] }), c.local && ((c.unread ?? 0) > 0 || (c.evicted ?? 0) > 0) && (_jsxs("span", { className: "ck-sub ck-chats-inbox", children: ["Inbox: ", c.unread ?? 0, " unread", (c.evicted ?? 0) > 0 ? `, ${c.evicted} evicted` : ""] }))] }));
+}
+/** Every chat the host app can message, grouped by computer and then by kind: Claude chats live; Codex and Muse threads active when written to in the last ten minutes. */
+function ChatList({ chats }) {
+    const devices = Array.from(new Set(chats.map((c) => c.device)));
+    const ordered = [...devices.filter((d) => chats.some((c) => c.device === d && c.local)), ...devices.filter((d) => !chats.some((c) => c.device === d && c.local))];
+    // Known kinds in their fixed order, then any other kind the listing reports, in first-seen order.
+    const kinds = [...CHAT_KIND_ORDER, ...Array.from(new Set(chats.map((c) => c.kind))).filter((k) => !CHAT_KIND_ORDER.includes(k))];
+    return (_jsx("div", { className: "ck-chats", "aria-label": "Chats Pulse can message", children: ordered.map((device) => {
+            const here = chats.filter((c) => c.device === device);
+            const counts = kinds.map((kind) => ({ kind, rows: here.filter((c) => c.kind === kind) }));
+            // Claude and Codex always show their count, as before; other kinds show once a chat of that kind is here.
+            const headed = counts.filter((g) => g.rows.length > 0 || CHAT_KIND_ORDER.slice(0, 2).includes(g.kind));
+            return (_jsxs("section", { className: "ck-chats-device", children: [_jsxs("h3", { className: "ck-chats-head", children: [device, " ", _jsx("span", { className: "ck-sub", children: headed.map((g) => `${g.rows.length} ${chatKindName(g.kind)}`).join(" · ") })] }), _jsx("ul", { className: "ck-chats-list", children: counts.map(({ kind, rows }) => {
+                            // Claude chats are all listed; other kinds show eight and say how many more there are.
+                            const shown = kind === "claude" ? rows : rows.slice(0, 8);
+                            return (_jsxs(Fragment, { children: [shown.map((c, i) => _jsx(ChatRow, { c: c, kind: kind }, `${kind}-${i}-${c.name}`)), rows.length > shown.length && _jsxs("li", { className: "ck-sub ck-chats-more", children: ["+", rows.length - shown.length, " more ", chatKindName(kind), " threads (`pulse chat peers` lists all)"] })] }, kind));
+                        }) })] }, device));
+        }) }));
+}
+const KIND_NAMES = {
+    mobile: "Phone", desktop: "Computer", web: "Browser", headless: "Terminal", server: "Server",
+};
+const NOT_VERIFIED_NOTE = "Not verified: this app can't prove its identity. Allow asks first until it answers a check at its address.";
+function proofText(d) {
+    if (d.proof === "certificate")
+        return { text: "verified (proved its key)", note: "This device proved it holds its key when it connected." };
+    if (d.proof === "callback")
+        return { text: "answered at its address (weaker: files only, kept apart, never the clipboard)", note: "This device answered a check at its network address. Anyone on the network can relay that check while the real device is online, so it only skips the question; files are kept apart and nothing reaches the clipboard." };
+    return { text: "not verified", note: NOT_VERIFIED_NOTE };
+}
+function DeviceRow({ d, run }) {
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(d.label);
+    const cancelled = useRef(false);
+    useEffect(() => { if (!editing)
+        setDraft(d.label); }, [d.label, editing]);
+    const name = d.label || d.alias || "Unnamed device";
+    const proof = proofText(d);
+    const commit = () => {
+        if (cancelled.current) {
+            cancelled.current = false;
+            return;
+        }
+        const next = draft.trim();
+        if (next !== d.label)
+            run("share_trust_label", { fingerprint: d.fingerprint, label: next });
+        setEditing(false);
+    };
+    const what = [d.kind ? KIND_NAMES[d.kind] ?? "Device" : null, d.model].filter(Boolean).join(" · ");
+    const when = d.present ? "nearby now" : `last seen ${ageText(d.lastSeenMs)} ago`;
+    const refused = d.refused > 0 ? `refused ${d.refused} ${d.refused === 1 ? "time" : "times"}` : null;
+    return (_jsxs("div", { className: "ck-device", "data-device": d.fingerprint, children: [_jsxs("div", { className: "ck-text", children: [_jsxs("div", { className: "ck-account-name", children: [editing ? (_jsx(Input, { className: "ck-input ck-claude-edit", autoFocus: true, value: draft, placeholder: d.alias || "Name this device", onChange: (e) => setDraft(e.target.value), onFocus: (e) => e.target.select(), onBlur: commit, onKeyDown: (e) => {
+                                    if (e.key === "Enter")
+                                        e.target.blur();
+                                    if (e.key === "Escape") {
+                                        cancelled.current = true;
+                                        setDraft(d.label);
+                                        setEditing(false);
+                                    }
+                                }, "aria-label": `Name for ${name}`, title: "Enter saves, Escape cancels, empty restores the device's own name" })) : (_jsxs(Button, { variant: "ghost", className: "ck-claude-name", onClick: () => setEditing(true), "aria-label": `Rename ${name}`, title: "Rename this device", children: [_jsx("span", { className: "ck-claude-name-text", children: name }), _jsx(Pencil, { size: 12, strokeWidth: 1.75, "aria-hidden": "true" })] })), _jsx("span", { className: `ck-status ck-status-${d.proof === "certificate" ? "granted" : "unknown"}`, title: proof.note, children: proof.text })] }), _jsx("div", { className: "ck-sub", children: [what, when, refused].filter(Boolean).join(" · ") }), !d.verified && d.state === "allow" && _jsx("div", { className: "ck-sub", children: NOT_VERIFIED_NOTE })] }), _jsx("div", { className: "ck-ctl", children: _jsxs("span", { className: "ck-ctls", children: [_jsx(SegmentedControl, { label: `Trust for ${name}`, value: d.state, options: [{ value: "allow", label: "Allow" }, { value: "ask", label: "Ask" }, { value: "deny", label: "Deny" }], onChange: (v) => run("share_trust_set", { fingerprint: d.fingerprint, state: v }) }), !d.present && (_jsx(IconButton, { className: "ck-forget", label: `Forget ${name}`, onClick: () => run("share_trust_forget", { fingerprint: d.fingerprint }), title: "Removes this device from the list; it returns when it is next seen.", children: _jsx(X, { size: 14, strokeWidth: 1.75, "aria-hidden": "true" }) }))] }) })] }));
+}
+/** Every device seen on the network or in a request, with Allow / Ask / Deny. */
+function DevicesGroup({ share }) {
+    const trust = share.trust;
+    const [message, setMessage] = useState(null);
+    const run = (command, args) => {
+        setMessage(null);
+        invoke(command, args).catch((e) => setMessage(String(e)));
+    };
+    if (!trust)
+        return null;
+    const devices = [...trust.devices].sort((a, b) => Number(b.present) - Number(a.present) || b.lastSeenMs - a.lastSeenMs);
+    return (_jsxs(SettingsGroup, { hideWhenEmpty: true, headingLevel: 2, className: "ck-sgroup", rowsClassName: "ck-card", title: "Devices", children: [_jsx(SettingRow, { className: "ck-set", label: "New devices", description: "What a device gets the first time it is seen. Allow sends and receives with no question; Ask asks every time; Deny refuses.", children: _jsx(SegmentedControl, { label: "New devices", value: trust.defaultState, options: [{ value: "ask", label: "Ask" }, { value: "deny", label: "Deny" }], onChange: (v) => run("share_trust_default", { state: v }) }) }), devices.length === 0 && _jsx("div", { className: "ck-sub ck-foot", children: "No devices seen yet." }), devices.map((d) => _jsx(DeviceRow, { d: d, run: run }, d.fingerprint)), message && _jsx("div", { className: "error", role: "alert", children: message })] }));
+}
+/** General > Nearby sharing: send and receive files with LocalSend and other the host app Macs. */
+export function NearbyGroup({ s, set }) {
+    const share = useShareState();
+    const enabled = s.nearbyEnabled !== false;
+    const stored = typeof s.nearbyAlias === "string" ? s.nearbyAlias : "";
+    const [alias, setAlias] = useState(stored);
+    useEffect(() => setAlias(stored), [stored]);
+    const folder = typeof s.nearbySaveFolder === "string" ? s.nearbySaveFolder : "";
+    const commitAlias = () => {
+        if (alias.trim() !== stored.trim())
+            set("nearbyAlias", alias.trim());
+    };
+    const chooseFolder = () => {
+        invoke("file_choose_folder")
+            .then((picked) => { if (picked)
+            set("nearbySaveFolder", picked); })
+            .catch(() => undefined);
+    };
+    let status = "";
+    if (!enabled)
+        status = "Off.";
+    else if (!share)
+        status = "Starting…";
+    else if (share.error)
+        status = share.error;
+    else if (share.running) {
+        const count = share.devices.length;
+        status = `Visible as "${share.alias ?? ""}". ${count === 0 ? "No devices nearby." : `${count} nearby.`}`;
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(SettingsGroup, { hideWhenEmpty: true, headingLevel: 2, className: "ck-sgroup", rowsClassName: "ck-card", title: "Nearby sharing", children: [_jsx(SettingRow, { className: "ck-set", label: "Send and receive files nearby", description: `Works with the LocalSend app on iPhone, Android, ${isWindows ? "Mac" : "Windows"} and Linux. Pulse can be found on your network while this is on.`, children: _jsx(Toggle, { checked: enabled, onChange: (v) => set("nearbyEnabled", v), label: "Nearby sharing" }) }), enabled && (_jsxs(_Fragment, { children: [_jsx(SettingRow, { className: "ck-set", label: "Device name", description: isWindows ? "How other devices list this PC. Empty uses the PC's name." : "How other devices list this Mac. Empty uses the Mac's name.", children: _jsx(Input, { className: "ck-input ck-input-name", value: alias, placeholder: share?.alias ?? (isWindows ? "This PC" : "This Mac"), onChange: (e) => setAlias(e.target.value), onBlur: commitAlias, onKeyDown: (e) => { if (e.key === "Enter")
+                                        e.target.blur(); }, "aria-label": "Device name" }) }), _jsx(SettingRow, { className: "ck-set", label: "Save received files to", description: folder || "Downloads", children: _jsxs("span", { className: "ck-ctls", children: [_jsx(Button, { size: "sm", variant: "secondary", onClick: chooseFolder, children: "Choose\u2026" }), folder && _jsx(Button, { size: "sm", variant: "ghost", onClick: () => set("nearbySaveFolder", ""), children: "Use Downloads" })] }) }), _jsx(AgentChat, { share: share, s: s, set: set })] })), _jsx("div", { className: share?.error ? "error" : "ck-sub ck-foot", role: share?.error ? "alert" : "status", children: status }), enabled && share?.warnings.map((w) => _jsx("div", { className: "ck-sub ck-foot", children: w }, w))] }), enabled && share?.running && _jsx(DevicesGroup, { share: share })] }));
+}
+/**
+ * The Permissions row for macOS Local Network access (Windows Firewall on Windows). Neither
+ * system can be asked for its state, so it is read from whether multicast sends are refused.
+ * With nearby sharing off nothing sends, so there is nothing to check: the row reads Off,
+ * as the Mac's does.
+ */
+export function LocalNetworkRow({ enabled, nearby = true, needs }) {
+    const share = useShareState();
+    if (!enabled)
+        return null;
+    const blocked = nearby && share?.localNetwork === "blocked";
+    const granted = nearby && share?.localNetwork === "granted";
+    const status = !nearby ? "off" : blocked ? "needsApproval" : granted ? "granted" : "unknown";
+    const text = !nearby ? "Off" : blocked ? "Needs approval" : granted ? "Granted" : "Checking…";
+    return (_jsxs("div", { className: "ck-permrow", children: [_jsxs("div", { className: "ck-set", children: [_jsxs("div", { className: "ck-text", children: [_jsx("strong", { children: isWindows ? "Windows Firewall" : "Local network" }), _jsx("div", { className: "ck-sub", children: isWindows
+                                    ? "Lets Pulse find and talk to nearby devices for sharing files. Windows Firewall must allow Pulse on private networks."
+                                    : "Lets Pulse find and talk to nearby devices for sharing files. macOS asks the first time a device connects." })] }), _jsx("div", { className: "ck-ctl", children: _jsxs("span", { className: "ck-ctls", children: [_jsx("span", { className: `ck-status ck-status-${status}`, children: text }), _jsx(Button, { size: "sm", variant: "secondary", disabled: granted, onClick: () => invoke("open_local_network_settings"), children: isWindows ? "Open Firewall" : "Open Settings" })] }) })] }), _jsx(NeedsLine, { needs: needs })] }));
+}

package/dist/views/Storage.d.ts

@@ -0,0 +1,9 @@
+/** `autoScan` is Settings > General > Background > "Scan when Storage or Cleanup opens" (on by default). */
+export declare function Storage({ autoScan }: {
+    autoScan?: boolean;
+}): import("react").JSX.Element;
+export declare function Bar({ fraction, height, color }: {
+    fraction: number;
+    height?: number;
+    color?: string;
+}): import("react").JSX.Element;