@omg-dev/react 0.1.308

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Benny Kok
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from "react";
+import { type OmgClient } from "@omg-dev/client";
+export interface OmgProviderProps {
+    client: OmgClient;
+    children: ReactNode;
+}
+export declare function OmgProvider({ client, children }: OmgProviderProps): import("react").JSX.Element;
+export declare function useOmgClient(): OmgClient;
+export interface OmgComputerSurfaceProps {
+    className?: string;
+    title?: string;
+    selectedSessionId?: string | null;
+    onSelectedSessionChange?: (sessionId: string) => void;
+    onNewSession?: () => void;
+    onOpenFullComputer?: () => void;
+    pollIntervalMs?: number;
+}
+export declare function OmgComputerSurface({ className, title, selectedSessionId: controlledSessionId, onSelectedSessionChange, onNewSession, onOpenFullComputer, pollIntervalMs, }: OmgComputerSurfaceProps): import("react").JSX.Element;
+export declare function createOmgComputerSurface(client: OmgClient, props?: OmgComputerSurfaceProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,iBAAiB,CAAC;AAIzB,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAMjE;AAED,wBAAgB,YAAY,IAAI,SAAS,CAIxC;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,uBAAuB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAwJD,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAkB,EAClB,iBAAiB,EAAE,mBAAmB,EACtC,uBAAuB,EACvB,YAAY,EACZ,kBAAkB,EAClB,cAAsB,GACvB,EAAE,uBAAuB,+BAuVzB;AAED,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,SAAS,EACjB,KAAK,GAAE,uBAA4B,+BAOpC"}

package/dist/index.js

@@ -0,0 +1,241 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useRef, useState, } from "react";
+const ClientContext = createContext(null);
+export function OmgProvider({ client, children }) {
+    return (_jsx(ClientContext.Provider, { value: client, children: children }));
+}
+export function useOmgClient() {
+    const client = useContext(ClientContext);
+    if (!client)
+        throw new Error("useOmgClient must be used inside OmgProvider");
+    return client;
+}
+function sessionTitle(session) {
+    return (session.title?.trim() ||
+        session.lastUserText?.trim() ||
+        session.project?.trim() ||
+        "Untitled session");
+}
+function sessionSubtitle(session) {
+    const agent = session.agentLabel || session.agent || "Agent";
+    return session.project ? `${agent} · ${session.project}` : agent;
+}
+function sortSessions(sessions) {
+    return [...sessions]
+        .filter((session) => !!session.sessionId)
+        .sort((a, b) => (b.lastActivityAt ?? b.startedAt ?? 0) -
+        (a.lastActivityAt ?? a.startedAt ?? 0));
+}
+function messageKey(message, index) {
+    return (message.id ||
+        `${message.role ?? "unknown"}:${message.kind ?? "unknown"}:${message.ts ?? index}:${index}`);
+}
+function mergeMessage(messages, incoming) {
+    const withoutMatchingOptimistic = incoming.role === "user" && incoming.text
+        ? messages.filter((message) => !(message.pending &&
+            message.role === "user" &&
+            message.text?.trim() === incoming.text?.trim()))
+        : messages;
+    if (!incoming.id)
+        return [...withoutMatchingOptimistic, incoming].slice(-100);
+    const index = withoutMatchingOptimistic.findIndex((message) => message.id === incoming.id);
+    if (index < 0)
+        return [...withoutMatchingOptimistic, incoming].slice(-100);
+    const next = [...withoutMatchingOptimistic];
+    next[index] = { ...next[index], ...incoming };
+    return next;
+}
+function applyTranscriptEvent(messages, event) {
+    if (event.type === "snapshot") {
+        const optimistic = messages.filter((message) => message.pending);
+        return [...event.messages, ...optimistic].slice(-100);
+    }
+    if (event.type === "message")
+        return mergeMessage(messages, event.message);
+    if (event.type !== "ai_part")
+        return messages;
+    const part = event.part;
+    if (part.type !== "text-delta" || !part.id)
+        return messages;
+    const existing = messages.find((message) => message.id === part.id);
+    const text = part.reset
+        ? part.text ?? part.delta ?? ""
+        : `${existing?.text ?? ""}${part.delta ?? ""}`;
+    if (!text)
+        return messages;
+    return mergeMessage(messages, {
+        id: part.id,
+        role: "assistant",
+        kind: "text",
+        text,
+        ts: part.ts ?? Date.now(),
+    });
+}
+function ComputerSkeleton() {
+    return (_jsxs("div", { className: "lfgc-skeleton", "aria-label": "Loading Computer", children: [_jsx("div", { className: "lfgc-skeleton-sidebar", children: [0, 1, 2, 3].map((item) => (_jsxs("div", { className: "lfgc-skeleton-row", children: [_jsx("span", { className: "lfgc-skeleton-dot" }), _jsxs("span", { className: "lfgc-skeleton-lines", children: [_jsx("span", {}), _jsx("span", {})] })] }, item))) }), _jsxs("div", { className: "lfgc-skeleton-thread", children: [_jsx("span", { className: "lfgc-skeleton-bubble lfgc-skeleton-bubble-user" }), _jsx("span", { className: "lfgc-skeleton-bubble" }), _jsx("span", { className: "lfgc-skeleton-bubble lfgc-skeleton-bubble-short" })] })] }));
+}
+function StatusDot({ busy, connection, }) {
+    const state = busy
+        ? "working"
+        : connection.status === "live"
+            ? "online"
+            : connection.status;
+    return (_jsx("span", { className: `lfgc-status-dot lfgc-status-dot-${state}`, "aria-label": state, title: state }));
+}
+function EmptyComputer({ onNewSession, onOpenFullComputer, }) {
+    return (_jsxs("div", { className: "lfgc-empty", children: [_jsx("div", { className: "lfgc-empty-orb", "aria-hidden": "true", children: _jsx("span", {}) }), _jsx("h2", { children: "Your Computer is ready" }), _jsx("p", { children: "Start a session and keep working here while LFG runs on your machine." }), _jsxs("div", { className: "lfgc-empty-actions", children: [onNewSession ? (_jsx("button", { className: "lfgc-button lfgc-button-primary", onClick: onNewSession, children: "New session" })) : null, onOpenFullComputer ? (_jsx("button", { className: "lfgc-button", onClick: onOpenFullComputer, children: "Open tools" })) : null] })] }));
+}
+export function OmgComputerSurface({ className, title = "Computer", selectedSessionId: controlledSessionId, onSelectedSessionChange, onNewSession, onOpenFullComputer, pollIntervalMs = 5_000, }) {
+    const client = useOmgClient();
+    const cached = client.peekSessions();
+    const [sessions, setSessions] = useState(cached ? sortSessions(cached) : null);
+    const [internalSessionId, setInternalSessionId] = useState(controlledSessionId ?? null);
+    const [messages, setMessages] = useState([]);
+    const [messagesLoading, setMessagesLoading] = useState(false);
+    const [busy, setBusy] = useState(false);
+    const [composer, setComposer] = useState("");
+    const [sending, setSending] = useState(false);
+    const [error, setError] = useState(null);
+    const [connection, setConnection] = useState(client.live.state);
+    const threadEndRef = useRef(null);
+    const selectedSessionId = controlledSessionId ?? internalSessionId;
+    const selectedSession = sessions?.find((session) => session.sessionId === selectedSessionId) ?? null;
+    const selectSession = useCallback((sessionId) => {
+        if (controlledSessionId === undefined)
+            setInternalSessionId(sessionId);
+        onSelectedSessionChange?.(sessionId);
+    }, [controlledSessionId, onSelectedSessionChange]);
+    const refreshSessions = useCallback(async () => {
+        try {
+            const next = sortSessions(await client.listSessions());
+            setSessions(next);
+            setError(null);
+            const requested = controlledSessionId ?? internalSessionId;
+            if (!requested && next[0]?.sessionId)
+                selectSession(next[0].sessionId);
+        }
+        catch (refreshError) {
+            setError(refreshError instanceof Error
+                ? refreshError.message
+                : "Couldn’t reach your Computer.");
+            setSessions((current) => current ?? []);
+        }
+    }, [
+        client,
+        controlledSessionId,
+        internalSessionId,
+        selectSession,
+    ]);
+    useEffect(() => {
+        void refreshSessions();
+        const interval = window.setInterval(() => {
+            void refreshSessions();
+        }, pollIntervalMs);
+        return () => window.clearInterval(interval);
+    }, [pollIntervalMs, refreshSessions]);
+    useEffect(() => client.live.subscribeConnection(setConnection), [client]);
+    useEffect(() => {
+        if (!selectedSessionId) {
+            setMessages([]);
+            setBusy(false);
+            return;
+        }
+        let active = true;
+        setMessagesLoading(true);
+        setMessages([]);
+        setBusy(!!selectedSession?.busy);
+        void client.getMessages(selectedSessionId).then((response) => {
+            if (!active)
+                return;
+            setMessages(Array.isArray(response.messages) ? response.messages : []);
+            setMessagesLoading(false);
+        }, (loadError) => {
+            if (!active)
+                return;
+            setMessagesLoading(false);
+            setError(loadError instanceof Error
+                ? loadError.message
+                : "Couldn’t load this session.");
+        });
+        const unsubscribe = client.live.subscribeTranscript(selectedSessionId, (event) => {
+            if (!active)
+                return;
+            if (event.type === "busy")
+                setBusy(event.busy);
+            if (event.type === "error")
+                setError(event.error);
+            setMessages((current) => applyTranscriptEvent(current, event));
+            if (event.type === "snapshot")
+                setMessagesLoading(false);
+        });
+        return () => {
+            active = false;
+            unsubscribe();
+        };
+    }, [client, selectedSession?.busy, selectedSessionId]);
+    useEffect(() => {
+        threadEndRef.current?.scrollIntoView({ block: "end" });
+    }, [messages.length, busy]);
+    const submit = async (event) => {
+        event.preventDefault();
+        const text = composer.trim();
+        if (!selectedSessionId || !text || sending)
+            return;
+        setComposer("");
+        setSending(true);
+        setBusy(true);
+        const optimistic = {
+            id: `optimistic-${Date.now()}`,
+            role: "user",
+            kind: "text",
+            text,
+            ts: Date.now(),
+            pending: true,
+        };
+        setMessages((current) => [...current, optimistic].slice(-100));
+        try {
+            await client.sendMessage(selectedSessionId, text);
+            setError(null);
+        }
+        catch (sendError) {
+            setMessages((current) => current.map((message) => message.id === optimistic.id
+                ? { ...message, pending: false, title: "Couldn’t send" }
+                : message));
+            setError(sendError instanceof Error ? sendError.message : "Couldn’t send.");
+        }
+        finally {
+            setSending(false);
+        }
+    };
+    return (_jsxs("section", { className: `lfgc-root ${className ?? ""}`, "aria-label": title, children: [_jsxs("header", { className: "lfgc-header", children: [_jsxs("div", { className: "lfgc-brand", children: [_jsx("span", { className: "lfgc-brand-mark", "aria-hidden": "true", children: _jsx("span", {}) }), _jsxs("div", { children: [_jsx("h1", { children: title }), _jsx("p", { children: connection.status === "live"
+                                            ? "Connected"
+                                            : connection.status === "offline"
+                                                ? "Computer offline"
+                                                : "Connecting" })] })] }), _jsxs("div", { className: "lfgc-header-actions", children: [onOpenFullComputer ? (_jsx("button", { className: "lfgc-icon-button", onClick: onOpenFullComputer, "aria-label": "Open Computer tools", title: "Open Computer tools", children: "\u2022\u2022\u2022" })) : null, onNewSession ? (_jsx("button", { className: "lfgc-icon-button lfgc-icon-button-primary", onClick: onNewSession, "aria-label": "New session", title: "New session", children: "+" })) : null] })] }), error ? (_jsxs("div", { className: "lfgc-error", role: "status", children: [_jsx("span", { children: error }), _jsx("button", { onClick: () => void refreshSessions(), children: "Try again" })] })) : null, sessions === null ? (_jsx(ComputerSkeleton, {})) : sessions.length === 0 ? (_jsx(EmptyComputer, { onNewSession: onNewSession, onOpenFullComputer: onOpenFullComputer })) : (_jsxs("div", { className: "lfgc-workspace", children: [_jsxs("nav", { className: "lfgc-sessions", "aria-label": "Sessions", children: [_jsxs("div", { className: "lfgc-sessions-heading", children: [_jsx("span", { children: "Live sessions" }), _jsx("span", { children: sessions.length })] }), _jsx("div", { className: "lfgc-session-list", children: sessions.map((session) => {
+                                    const id = session.sessionId;
+                                    const selected = id === selectedSessionId;
+                                    return (_jsxs("button", { className: `lfgc-session-row ${selected ? "lfgc-session-row-selected" : ""}`, onClick: () => selectSession(id), "aria-current": selected ? "page" : undefined, children: [_jsx(StatusDot, { busy: !!session.busy, connection: connection }), _jsxs("span", { className: "lfgc-session-copy", children: [_jsx("strong", { children: sessionTitle(session) }), _jsx("small", { children: sessionSubtitle(session) })] })] }, id));
+                                }) })] }), _jsxs("main", { className: "lfgc-thread", children: [_jsxs("div", { className: "lfgc-thread-heading", children: [_jsxs("div", { children: [_jsx("h2", { children: selectedSession
+                                                    ? sessionTitle(selectedSession)
+                                                    : "Select a session" }), _jsx("p", { children: selectedSession
+                                                    ? sessionSubtitle(selectedSession)
+                                                    : "Your work stays live here." })] }), selectedSessionId && busy ? (_jsx("button", { className: "lfgc-stop-button", onClick: () => void client.interrupt(selectedSessionId), children: "Stop" })) : null] }), _jsxs("div", { className: "lfgc-messages", "aria-live": "polite", children: [messagesLoading && messages.length === 0 ? (_jsxs("div", { className: "lfgc-message-skeletons", children: [_jsx("span", { className: "lfgc-skeleton-bubble lfgc-skeleton-bubble-user" }), _jsx("span", { className: "lfgc-skeleton-bubble" })] })) : null, !messagesLoading && messages.length === 0 ? (_jsx("div", { className: "lfgc-thread-empty", children: _jsx("span", { children: "Ready when you are." }) })) : null, messages.map((message, index) => {
+                                        const user = message.role === "user";
+                                        const thinking = message.kind === "thinking";
+                                        return (_jsxs("article", { className: `lfgc-message ${user ? "lfgc-message-user" : ""} ${thinking ? "lfgc-message-thinking" : ""}`, children: [!user ? (_jsx("span", { className: "lfgc-message-avatar", "aria-hidden": "true", children: _jsx("span", {}) })) : null, _jsxs("div", { className: "lfgc-message-body", children: [message.name && message.kind !== "text" ? (_jsx("strong", { className: "lfgc-message-attachment", children: message.name })) : null, _jsx("p", { children: message.text || (thinking ? "Thinking…" : "") }), message.pending ? _jsx("small", { children: "Sending\u2026" }) : null] })] }, messageKey(message, index)));
+                                    }), busy &&
+                                        !messages.some((message) => message.kind === "thinking") ? (_jsxs("div", { className: "lfgc-working", "aria-label": "Agent is working", children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] })) : null, _jsx("div", { ref: threadEndRef })] }), _jsxs("form", { className: "lfgc-composer", onSubmit: submit, children: [_jsx("textarea", { value: composer, onChange: (event) => setComposer(event.target.value), onKeyDown: (event) => {
+                                            if (event.key === "Enter" &&
+                                                !event.shiftKey &&
+                                                !event.nativeEvent.isComposing) {
+                                                event.preventDefault();
+                                                event.currentTarget.form?.requestSubmit();
+                                            }
+                                        }, placeholder: selectedSessionId
+                                            ? "Message your agent"
+                                            : "Select a session first", disabled: !selectedSessionId, rows: 1 }), _jsx("button", { type: "submit", disabled: !selectedSessionId || !composer.trim() || sending, "aria-label": "Send message", children: "\u2191" })] })] })] }))] }));
+}
+export function createOmgComputerSurface(client, props = {}) {
+    return (_jsx(OmgProvider, { client: client, children: _jsx(OmgComputerSurface, { ...props }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -0,0 +1,681 @@
+.lfgc-root {
+  --lfgc-bg: #f5f5f2;
+  --lfgc-panel: rgba(255, 255, 255, 0.82);
+  --lfgc-panel-strong: #ffffff;
+  --lfgc-text: #181817;
+  --lfgc-muted: #75756f;
+  --lfgc-line: rgba(24, 24, 23, 0.08);
+  --lfgc-accent: #ff5c35;
+  --lfgc-accent-soft: rgba(255, 92, 53, 0.11);
+  background:
+    radial-gradient(circle at 15% -10%, rgba(255, 255, 255, 0.95), transparent 34rem),
+    var(--lfgc-bg);
+  color: var(--lfgc-text);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  font-family: Geist, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
+}
+
+.lfgc-root *,
+.lfgc-root *::before,
+.lfgc-root *::after {
+  box-sizing: border-box;
+}
+
+.lfgc-header {
+  align-items: center;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: space-between;
+  padding: calc(0.65rem + env(safe-area-inset-top)) 1rem 0.65rem;
+}
+
+.lfgc-brand,
+.lfgc-header-actions,
+.lfgc-session-row,
+.lfgc-message {
+  align-items: center;
+  display: flex;
+}
+
+.lfgc-brand {
+  gap: 0.7rem;
+}
+
+.lfgc-brand h1,
+.lfgc-thread-heading h2,
+.lfgc-empty h2 {
+  font-size: 0.95rem;
+  letter-spacing: -0.02em;
+  line-height: 1.1;
+  margin: 0;
+}
+
+.lfgc-brand p,
+.lfgc-thread-heading p,
+.lfgc-empty p {
+  color: var(--lfgc-muted);
+  font-size: 0.72rem;
+  margin: 0.2rem 0 0;
+}
+
+.lfgc-brand-mark,
+.lfgc-message-avatar,
+.lfgc-empty-orb {
+  background: linear-gradient(145deg, #ff805e, var(--lfgc-accent));
+  box-shadow: 0 8px 20px rgba(255, 92, 53, 0.24), inset 0 1px rgba(255, 255, 255, 0.5);
+  display: grid;
+  place-items: center;
+}
+
+.lfgc-brand-mark {
+  border-radius: 11px;
+  height: 2rem;
+  width: 2rem;
+}
+
+.lfgc-brand-mark span,
+.lfgc-message-avatar span,
+.lfgc-empty-orb span {
+  background: white;
+  border-radius: 50%;
+  height: 34%;
+  opacity: 0.94;
+  width: 34%;
+}
+
+.lfgc-header-actions {
+  gap: 0.45rem;
+}
+
+.lfgc-icon-button,
+.lfgc-stop-button,
+.lfgc-button,
+.lfgc-error button {
+  -webkit-tap-highlight-color: transparent;
+  appearance: none;
+  background: var(--lfgc-panel);
+  border: 1px solid var(--lfgc-line);
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+  transition: transform 160ms cubic-bezier(0.2, 0.8, 0.2, 1), background 160ms ease;
+}
+
+.lfgc-icon-button {
+  border-radius: 50%;
+  font-size: 1.05rem;
+  height: 2.25rem;
+  line-height: 1;
+  width: 2.25rem;
+}
+
+.lfgc-icon-button-primary {
+  background: var(--lfgc-text);
+  color: white;
+  font-size: 1.35rem;
+}
+
+.lfgc-icon-button:active,
+.lfgc-button:active,
+.lfgc-session-row:active {
+  transform: scale(0.96);
+}
+
+.lfgc-error {
+  align-items: center;
+  background: rgba(255, 92, 53, 0.09);
+  border: 1px solid rgba(255, 92, 53, 0.14);
+  border-radius: 12px;
+  color: #9b351d;
+  display: flex;
+  font-size: 0.75rem;
+  justify-content: space-between;
+  margin: 0 1rem 0.65rem;
+  padding: 0.55rem 0.7rem;
+}
+
+.lfgc-error button {
+  background: transparent;
+  border: 0;
+  font-weight: 650;
+}
+
+.lfgc-workspace,
+.lfgc-skeleton {
+  display: grid;
+  flex: 1 1 auto;
+  grid-template-columns: minmax(13rem, 21rem) minmax(0, 1fr);
+  min-height: 0;
+  padding: 0 0.65rem max(0.65rem, env(safe-area-inset-bottom));
+}
+
+.lfgc-sessions,
+.lfgc-thread,
+.lfgc-skeleton-sidebar,
+.lfgc-skeleton-thread {
+  background: var(--lfgc-panel);
+  border: 1px solid var(--lfgc-line);
+  min-height: 0;
+}
+
+.lfgc-sessions,
+.lfgc-skeleton-sidebar {
+  border-radius: 22px 0 0 22px;
+  border-right: 0;
+  overflow: hidden;
+}
+
+.lfgc-thread,
+.lfgc-skeleton-thread {
+  border-radius: 0 22px 22px 0;
+}
+
+.lfgc-sessions-heading {
+  align-items: center;
+  color: var(--lfgc-muted);
+  display: flex;
+  font-size: 0.68rem;
+  font-weight: 650;
+  justify-content: space-between;
+  letter-spacing: 0.02em;
+  padding: 0.9rem 0.9rem 0.55rem;
+  text-transform: uppercase;
+}
+
+.lfgc-session-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.2rem;
+  overflow-y: auto;
+  padding: 0 0.45rem 0.65rem;
+}
+
+.lfgc-session-row {
+  background: transparent;
+  border: 0;
+  border-radius: 14px;
+  color: inherit;
+  cursor: pointer;
+  gap: 0.65rem;
+  min-width: 0;
+  padding: 0.68rem;
+  text-align: left;
+}
+
+.lfgc-session-row:hover,
+.lfgc-session-row-selected {
+  background: var(--lfgc-panel-strong);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65), 0 7px 20px rgba(24, 24, 23, 0.04);
+}
+
+.lfgc-status-dot {
+  background: #a9aaa5;
+  border: 2px solid var(--lfgc-panel-strong);
+  border-radius: 50%;
+  box-shadow: 0 0 0 1px var(--lfgc-line);
+  flex: 0 0 auto;
+  height: 0.66rem;
+  width: 0.66rem;
+}
+
+.lfgc-status-dot-online {
+  background: #4ebc78;
+}
+
+.lfgc-status-dot-working {
+  animation: lfgc-pulse 1.7s ease-in-out infinite;
+  background: var(--lfgc-accent);
+}
+
+.lfgc-session-copy {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.lfgc-session-copy strong,
+.lfgc-session-copy small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.lfgc-session-copy strong {
+  font-size: 0.78rem;
+  font-weight: 630;
+}
+
+.lfgc-session-copy small {
+  color: var(--lfgc-muted);
+  font-size: 0.68rem;
+  margin-top: 0.18rem;
+}
+
+.lfgc-thread {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.lfgc-thread-heading {
+  align-items: center;
+  border-bottom: 1px solid var(--lfgc-line);
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: space-between;
+  min-height: 3.8rem;
+  padding: 0.75rem 1rem;
+}
+
+.lfgc-stop-button {
+  border-radius: 999px;
+  color: #a13c26;
+  font-size: 0.7rem;
+  padding: 0.45rem 0.72rem;
+}
+
+.lfgc-messages {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 0.85rem;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 1.2rem clamp(0.8rem, 4vw, 3.5rem);
+}
+
+.lfgc-message {
+  align-items: flex-start;
+  gap: 0.55rem;
+  max-width: min(44rem, 92%);
+}
+
+.lfgc-message-user {
+  align-self: flex-end;
+  flex-direction: row-reverse;
+}
+
+.lfgc-message-avatar {
+  border-radius: 9px;
+  flex: 0 0 auto;
+  height: 1.65rem;
+  margin-top: 0.1rem;
+  width: 1.65rem;
+}
+
+.lfgc-message-body {
+  min-width: 0;
+}
+
+.lfgc-message-body p {
+  font-size: 0.86rem;
+  line-height: 1.55;
+  margin: 0;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+.lfgc-message-user .lfgc-message-body {
+  background: var(--lfgc-text);
+  border-radius: 17px 17px 5px 17px;
+  color: white;
+  padding: 0.65rem 0.85rem;
+}
+
+.lfgc-message-body small {
+  display: block;
+  font-size: 0.62rem;
+  margin-top: 0.25rem;
+  opacity: 0.58;
+}
+
+.lfgc-message-thinking {
+  color: var(--lfgc-muted);
+  font-style: italic;
+}
+
+.lfgc-message-attachment {
+  display: block;
+  font-size: 0.75rem;
+  margin-bottom: 0.2rem;
+}
+
+.lfgc-working {
+  align-items: center;
+  align-self: flex-start;
+  display: flex;
+  gap: 0.24rem;
+  margin-left: 2.2rem;
+  min-height: 1.5rem;
+}
+
+.lfgc-working span {
+  animation: lfgc-working 1.25s ease-in-out infinite;
+  background: var(--lfgc-muted);
+  border-radius: 50%;
+  height: 0.28rem;
+  opacity: 0.38;
+  width: 0.28rem;
+}
+
+.lfgc-working span:nth-child(2) {
+  animation-delay: 120ms;
+}
+
+.lfgc-working span:nth-child(3) {
+  animation-delay: 240ms;
+}
+
+.lfgc-thread-empty {
+  color: var(--lfgc-muted);
+  display: grid;
+  flex: 1;
+  font-size: 0.78rem;
+  place-items: center;
+}
+
+.lfgc-composer {
+  align-items: flex-end;
+  background: var(--lfgc-panel-strong);
+  border: 1px solid var(--lfgc-line);
+  border-radius: 20px;
+  box-shadow: 0 12px 34px rgba(24, 24, 23, 0.08);
+  display: flex;
+  flex: 0 0 auto;
+  gap: 0.5rem;
+  margin: 0.5rem clamp(0.7rem, 3vw, 2rem) calc(0.7rem + env(safe-area-inset-bottom));
+  padding: 0.45rem;
+}
+
+.lfgc-composer textarea {
+  background: transparent;
+  border: 0;
+  color: inherit;
+  field-sizing: content;
+  flex: 1;
+  font: inherit;
+  font-size: 0.82rem;
+  line-height: 1.45;
+  max-height: 9rem;
+  min-height: 2rem;
+  outline: none;
+  padding: 0.42rem 0.55rem;
+  resize: none;
+}
+
+.lfgc-composer textarea::placeholder {
+  color: color-mix(in srgb, var(--lfgc-muted) 72%, transparent);
+}
+
+.lfgc-composer button {
+  align-items: center;
+  appearance: none;
+  background: var(--lfgc-text);
+  border: 0;
+  border-radius: 50%;
+  color: white;
+  cursor: pointer;
+  display: flex;
+  font-size: 1rem;
+  height: 2rem;
+  justify-content: center;
+  width: 2rem;
+}
+
+.lfgc-composer button:disabled {
+  cursor: default;
+  opacity: 0.25;
+}
+
+.lfgc-empty {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+  padding: 2rem;
+  text-align: center;
+}
+
+.lfgc-empty-orb {
+  border-radius: 25px;
+  height: 4rem;
+  margin-bottom: 1.2rem;
+  transform: rotate(-4deg);
+  width: 4rem;
+}
+
+.lfgc-empty p {
+  max-width: 22rem;
+}
+
+.lfgc-empty-actions {
+  display: flex;
+  gap: 0.55rem;
+  margin-top: 1.2rem;
+}
+
+.lfgc-button {
+  border-radius: 999px;
+  font-size: 0.75rem;
+  padding: 0.64rem 0.9rem;
+}
+
+.lfgc-button-primary {
+  background: var(--lfgc-text);
+  color: white;
+}
+
+.lfgc-skeleton-sidebar,
+.lfgc-skeleton-thread {
+  padding: 1rem;
+}
+
+.lfgc-skeleton-row {
+  align-items: center;
+  display: flex;
+  gap: 0.65rem;
+  padding: 0.72rem 0.2rem;
+}
+
+.lfgc-skeleton-dot,
+.lfgc-skeleton-lines span,
+.lfgc-skeleton-bubble {
+  animation: lfgc-skeleton 1.8s ease-in-out infinite;
+  background: rgba(24, 24, 23, 0.075);
+}
+
+.lfgc-skeleton-dot {
+  border-radius: 50%;
+  height: 0.7rem;
+  width: 0.7rem;
+}
+
+.lfgc-skeleton-lines {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 0.38rem;
+}
+
+.lfgc-skeleton-lines span {
+  border-radius: 999px;
+  height: 0.48rem;
+  width: 74%;
+}
+
+.lfgc-skeleton-lines span:last-child {
+  height: 0.4rem;
+  width: 48%;
+}
+
+.lfgc-skeleton-thread,
+.lfgc-message-skeletons {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.lfgc-skeleton-bubble {
+  border-radius: 13px;
+  display: block;
+  height: 3.8rem;
+  width: 58%;
+}
+
+.lfgc-skeleton-bubble-user {
+  align-self: flex-end;
+  height: 2.8rem;
+  width: 42%;
+}
+
+.lfgc-skeleton-bubble-short {
+  height: 2.5rem;
+  width: 36%;
+}
+
+.lfgc-message-skeletons {
+  width: 100%;
+}
+
+@keyframes lfgc-skeleton {
+  50% {
+    background: rgba(24, 24, 23, 0.115);
+  }
+}
+
+@keyframes lfgc-pulse {
+  50% {
+    box-shadow: 0 0 0 4px var(--lfgc-accent-soft);
+  }
+}
+
+@keyframes lfgc-working {
+  50% {
+    opacity: 0.9;
+    transform: translateY(-2px);
+  }
+}
+
+@media (max-width: 720px) {
+  .lfgc-header {
+    padding-inline: 0.8rem;
+  }
+
+  .lfgc-workspace,
+  .lfgc-skeleton {
+    display: flex;
+    flex-direction: column;
+    padding: 0 0.45rem max(0.45rem, env(safe-area-inset-bottom));
+  }
+
+  .lfgc-sessions,
+  .lfgc-skeleton-sidebar {
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    flex: 0 0 auto;
+    overflow-x: auto;
+    scrollbar-width: none;
+    scroll-snap-type: x proximity;
+  }
+
+  .lfgc-sessions::-webkit-scrollbar,
+  .lfgc-skeleton-sidebar::-webkit-scrollbar {
+    display: none;
+  }
+
+  .lfgc-sessions-heading {
+    display: none;
+  }
+
+  .lfgc-session-list {
+    flex-direction: row;
+    gap: 0.4rem;
+    padding: 0.2rem 0.1rem 0.55rem;
+  }
+
+  .lfgc-session-row {
+    background: rgba(255, 255, 255, 0.56);
+    flex: 0 0 min(70vw, 15rem);
+    padding: 0.55rem 0.65rem;
+    scroll-snap-align: start;
+  }
+
+  .lfgc-thread,
+  .lfgc-skeleton-thread {
+    border-radius: 22px;
+    flex: 1;
+  }
+
+  .lfgc-skeleton-sidebar {
+    display: flex;
+    gap: 0.5rem;
+    padding: 0.2rem 0 0.65rem;
+  }
+
+  .lfgc-skeleton-row {
+    background: rgba(255, 255, 255, 0.5);
+    border-radius: 14px;
+    flex: 0 0 12rem;
+    padding: 0.7rem;
+  }
+
+  .lfgc-messages {
+    padding: 1rem 0.75rem;
+  }
+
+  .lfgc-message {
+    max-width: 94%;
+  }
+
+  .lfgc-thread-heading {
+    min-height: 3.4rem;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .lfgc-root {
+    --lfgc-bg: #080808;
+    --lfgc-panel: rgba(22, 22, 21, 0.88);
+    --lfgc-panel-strong: #1d1d1c;
+    --lfgc-text: #f5f4f0;
+    --lfgc-muted: #9a9993;
+    --lfgc-line: rgba(255, 255, 255, 0.08);
+    background:
+      radial-gradient(circle at 15% -10%, rgba(58, 44, 39, 0.38), transparent 32rem),
+      var(--lfgc-bg);
+  }
+
+  .lfgc-icon-button-primary,
+  .lfgc-composer button,
+  .lfgc-button-primary {
+    background: #f5f4f0;
+    color: #111110;
+  }
+
+  .lfgc-error {
+    color: #ff9b81;
+  }
+
+  .lfgc-message-user .lfgc-message-body {
+    background: #f0efea;
+    color: #141413;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .lfgc-root *,
+  .lfgc-root *::before,
+  .lfgc-root *::after {
+    animation-duration: 1ms !important;
+    animation-iteration-count: 1 !important;
+    scroll-behavior: auto !important;
+    transition-duration: 1ms !important;
+  }
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@omg-dev/react",
+  "version": "0.1.308",
+  "description": "Embeddable React surfaces for OMG.",
+  "license": "MIT",
+  "homepage": "https://omg.dev",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/BennyKok/omg.dev.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/BennyKok/omg.dev/issues"
+  },
+  "type": "module",
+  "sideEffects": [
+    "./dist/styles.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "dependencies": {
+    "@omg-dev/client": "0.1.308",
+    "@omg-dev/protocol": "0.1.308"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}