@omg-dev/app 0.1.321 → 0.1.323
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-lib/{ChangelogPage-B6hC7UlH.js → ChangelogPage-CgwS9K1R.js} +50 -1
- package/dist-lib/{SessionFilesPanel-CAojh2-6.js → SessionFilesPanel-vAGfdiqD.js} +22 -22
- package/dist-lib/{TermView-CSg63K2Y.js → TermView-DLKQl-yl.js} +1 -1
- package/dist-lib/{chat-engine-DTd_8Rrz.js → chat-engine-BllXgEia.js} +1 -1
- package/dist-lib/coding-agents-page-78HnFaOD.js +287 -0
- package/dist-lib/{embedded-Bk0VM5g-.js → embedded-BgLSMF4E.js} +10771 -10771
- package/dist-lib/{highlighted-body-OFNGDK62-COtrDCHk.js → highlighted-body-OFNGDK62-DI8qFchC.js} +1 -1
- package/dist-lib/{index-Cecrqg2T.js → index-DbqbmqNj.js} +1 -1
- package/dist-lib/index.js +1 -1
- package/dist-lib/mermaid-GHXKKRXX-CV6iAjsp.js +4 -0
- package/dist-lib/{resume-session-sheet-BQPdbbGi.js → resume-session-sheet-D5RZ8bwQ.js} +9 -9
- package/dist-lib/{session-token-usage-BIiq4xrr.js → session-token-usage-CFXPavjx.js} +1 -1
- package/dist-lib/{shipped-page-CdGmo_rN.js → shipped-page-DWKpmjtx.js} +25 -25
- package/dist-lib/{streamdown-response-Cl86mmV7.js → streamdown-response-BaisNaaU.js} +4 -4
- package/dist-lib/styles.css +1 -1
- package/package.json +2 -2
- package/dist-lib/coding-agents-page-Ct8Ucdt0.js +0 -250
- package/dist-lib/mermaid-GHXKKRXX-BuF4Syv9.js +0 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omg-dev/app",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.323",
|
|
4
4
|
"description": "The full OMG application surface for React hosts.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"homepage": "https://omg.dev",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
},
|
|
25
25
|
"type": "module",
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@omg-dev/client": "0.1.
|
|
27
|
+
"@omg-dev/client": "0.1.323",
|
|
28
28
|
"@ai-sdk/react": "^4.0.19",
|
|
29
29
|
"@base-ui/react": "^1.3.0",
|
|
30
30
|
"@number-flow/react": "^0.6.2",
|
|
@@ -1,250 +0,0 @@
|
|
|
1
|
-
import { jsxs as t, jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { u as L, n as $, f as C, o as B, R as E, p as v, q as x, X as g, B as l, L as N, s as y, v as O, w as k, x as G, y as w, T as P, z as u, E as z } from "./embedded-Bk0VM5g-.js";
|
|
3
|
-
import { useState as q } from "react";
|
|
4
|
-
function M(r) {
|
|
5
|
-
return L(r.defaultTagName ?? "div", r, r);
|
|
6
|
-
}
|
|
7
|
-
const V = B(
|
|
8
|
-
"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
|
|
9
|
-
{
|
|
10
|
-
variants: {
|
|
11
|
-
variant: {
|
|
12
|
-
default: "border-primary bg-primary text-primary-foreground [a]:hover:bg-primary/80",
|
|
13
|
-
secondary: "border-border bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
|
|
14
|
-
destructive: "border-destructive/30 bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
|
|
15
|
-
outline: "border-border bg-input/30 text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
|
|
16
|
-
ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
|
|
17
|
-
link: "text-primary underline-offset-4 hover:underline"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
defaultVariants: {
|
|
21
|
-
variant: "default"
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
);
|
|
25
|
-
function d({
|
|
26
|
-
className: r,
|
|
27
|
-
variant: n = "default",
|
|
28
|
-
render: c,
|
|
29
|
-
...o
|
|
30
|
-
}) {
|
|
31
|
-
return M({
|
|
32
|
-
defaultTagName: "span",
|
|
33
|
-
props: $(
|
|
34
|
-
{
|
|
35
|
-
className: C(V({ variant: n }), r)
|
|
36
|
-
},
|
|
37
|
-
o
|
|
38
|
-
),
|
|
39
|
-
render: c,
|
|
40
|
-
state: {
|
|
41
|
-
slot: "badge",
|
|
42
|
-
variant: n
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
function K({
|
|
47
|
-
setupChecks: r,
|
|
48
|
-
agents: n,
|
|
49
|
-
onVisibleChange: c,
|
|
50
|
-
onSetup: o,
|
|
51
|
-
onLogin: f,
|
|
52
|
-
onAddClaudeAccount: R,
|
|
53
|
-
onRemoveClaudeAccount: j,
|
|
54
|
-
onSetupCheck: S,
|
|
55
|
-
onRefresh: A
|
|
56
|
-
}) {
|
|
57
|
-
const [m, b] = q(!1);
|
|
58
|
-
async function I() {
|
|
59
|
-
if (!m) {
|
|
60
|
-
b(!0);
|
|
61
|
-
try {
|
|
62
|
-
await A(), z.success("Coding agents refreshed");
|
|
63
|
-
} catch (e) {
|
|
64
|
-
z.error(e instanceof Error ? e.message : "Could not refresh coding agents");
|
|
65
|
-
} finally {
|
|
66
|
-
b(!1);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
return /* @__PURE__ */ t("div", { className: "mx-auto max-w-xl space-y-3 pb-10", "data-lfg-page-column": !0, children: [
|
|
71
|
-
/* @__PURE__ */ t("div", { className: "flex items-center justify-between px-4", children: [
|
|
72
|
-
/* @__PURE__ */ s("h2", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: "Coding agents" }),
|
|
73
|
-
/* @__PURE__ */ t(
|
|
74
|
-
"button",
|
|
75
|
-
{
|
|
76
|
-
type: "button",
|
|
77
|
-
onClick: () => void I(),
|
|
78
|
-
disabled: m,
|
|
79
|
-
className: "flex items-center gap-1 text-xs text-muted-foreground transition-colors hover:text-foreground disabled:opacity-50",
|
|
80
|
-
children: [
|
|
81
|
-
/* @__PURE__ */ s(E, { className: C("size-3.5", m && "animate-spin") }),
|
|
82
|
-
"Refresh"
|
|
83
|
-
]
|
|
84
|
-
}
|
|
85
|
-
)
|
|
86
|
-
] }),
|
|
87
|
-
r.length ? /* @__PURE__ */ s("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: r.map((e) => /* @__PURE__ */ t("div", { className: "px-4 py-3", children: [
|
|
88
|
-
/* @__PURE__ */ s("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ t("div", { className: "flex min-w-0 items-start gap-3", children: [
|
|
89
|
-
/* @__PURE__ */ s("span", { className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-[8px] border border-border bg-background", children: /* @__PURE__ */ s(v, { className: "size-4 text-muted-foreground" }) }),
|
|
90
|
-
/* @__PURE__ */ t("div", { className: "min-w-0", children: [
|
|
91
|
-
/* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
|
|
92
|
-
/* @__PURE__ */ s("span", { className: "text-sm font-semibold", children: e.label }),
|
|
93
|
-
/* @__PURE__ */ s(d, { variant: e.configured ? "default" : "secondary", children: e.configured ? "Ready" : "Needs setup" })
|
|
94
|
-
] }),
|
|
95
|
-
/* @__PURE__ */ s("div", { className: "mt-1 space-y-1", children: e.checks.map((i) => /* @__PURE__ */ t(
|
|
96
|
-
"div",
|
|
97
|
-
{
|
|
98
|
-
className: "flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground",
|
|
99
|
-
children: [
|
|
100
|
-
i.ok ? /* @__PURE__ */ s(x, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ s(g, { className: "size-3.5 shrink-0 text-destructive" }),
|
|
101
|
-
/* @__PURE__ */ s("span", { className: "shrink-0", children: i.label }),
|
|
102
|
-
i.detail ? /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-muted-foreground/70", children: i.detail }) : null
|
|
103
|
-
]
|
|
104
|
-
},
|
|
105
|
-
i.label
|
|
106
|
-
)) })
|
|
107
|
-
] })
|
|
108
|
-
] }) }),
|
|
109
|
-
/* @__PURE__ */ t("div", { className: "mt-3 flex flex-wrap items-center gap-2 pl-11", children: [
|
|
110
|
-
e.instructions.map((i) => /* @__PURE__ */ s("span", { className: "min-w-0 flex-1 text-xs text-muted-foreground", children: i }, i)),
|
|
111
|
-
/* @__PURE__ */ t(
|
|
112
|
-
l,
|
|
113
|
-
{
|
|
114
|
-
size: "sm",
|
|
115
|
-
variant: "outline",
|
|
116
|
-
disabled: !e.canAutoSetup || e.running,
|
|
117
|
-
onClick: () => S(e.key),
|
|
118
|
-
title: e.canAutoSetup ? e.actionLabel : "Install a supported coding agent first",
|
|
119
|
-
children: [
|
|
120
|
-
e.running ? /* @__PURE__ */ s(N, { className: "size-4 animate-spin" }) : /* @__PURE__ */ s(y, { className: "size-4" }),
|
|
121
|
-
e.running ? "Running…" : e.actionLabel
|
|
122
|
-
]
|
|
123
|
-
}
|
|
124
|
-
)
|
|
125
|
-
] })
|
|
126
|
-
] }, e.key)) }) : null,
|
|
127
|
-
/* @__PURE__ */ s("div", { className: "overflow-hidden rounded-2xl border border-border bg-card/40 divide-y divide-border", children: n.map((e) => {
|
|
128
|
-
var h, p;
|
|
129
|
-
const i = e.status.configured;
|
|
130
|
-
return /* @__PURE__ */ t("div", { className: "px-4 py-3", children: [
|
|
131
|
-
/* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-4", children: [
|
|
132
|
-
/* @__PURE__ */ t("div", { className: "flex min-w-0 items-start gap-3", children: [
|
|
133
|
-
/* @__PURE__ */ s("span", { className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-[8px] border border-border bg-background", children: /* @__PURE__ */ s(
|
|
134
|
-
"img",
|
|
135
|
-
{
|
|
136
|
-
src: k(e.key),
|
|
137
|
-
alt: O(e.key),
|
|
138
|
-
className: "size-5"
|
|
139
|
-
}
|
|
140
|
-
) }),
|
|
141
|
-
/* @__PURE__ */ t("div", { className: "min-w-0", children: [
|
|
142
|
-
/* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: [
|
|
143
|
-
/* @__PURE__ */ s("span", { className: "text-sm font-semibold", children: e.label }),
|
|
144
|
-
/* @__PURE__ */ s(d, { variant: i ? "default" : "secondary", children: i ? "Ready" : "Needs setup" }),
|
|
145
|
-
/* @__PURE__ */ s(d, { variant: "outline", children: e.status.omgCapabilityAccess === "mcp" ? "OMG tools" : "OMG prompt only" })
|
|
146
|
-
] }),
|
|
147
|
-
/* @__PURE__ */ s("div", { className: "mt-1 space-y-1", children: e.status.checks.map((a) => /* @__PURE__ */ t(
|
|
148
|
-
"div",
|
|
149
|
-
{
|
|
150
|
-
className: "flex min-w-0 items-center gap-1.5 text-xs text-muted-foreground",
|
|
151
|
-
children: [
|
|
152
|
-
a.ok ? /* @__PURE__ */ s(x, { className: "size-3.5 shrink-0 text-success" }) : /* @__PURE__ */ s(g, { className: "size-3.5 shrink-0 text-destructive" }),
|
|
153
|
-
/* @__PURE__ */ s("span", { className: "shrink-0", children: a.label }),
|
|
154
|
-
a.detail ? /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-muted-foreground/70", children: a.detail }) : null
|
|
155
|
-
]
|
|
156
|
-
},
|
|
157
|
-
a.label
|
|
158
|
-
)) })
|
|
159
|
-
] })
|
|
160
|
-
] }),
|
|
161
|
-
/* @__PURE__ */ s(
|
|
162
|
-
G,
|
|
163
|
-
{
|
|
164
|
-
checked: e.visible,
|
|
165
|
-
onCheckedChange: (a) => c(e.key, a),
|
|
166
|
-
"aria-label": `${e.label} visible in composer`
|
|
167
|
-
}
|
|
168
|
-
)
|
|
169
|
-
] }),
|
|
170
|
-
e.key === "aisdk" && ((h = e.status.accounts) != null && h.length) ? /* @__PURE__ */ s("div", { className: "mt-3 space-y-1.5 pl-11", children: e.status.accounts.map((a) => /* @__PURE__ */ t(
|
|
171
|
-
"div",
|
|
172
|
-
{
|
|
173
|
-
className: "flex items-center gap-2 rounded-xl border border-border/70 bg-background/55 px-2.5 py-2",
|
|
174
|
-
children: [
|
|
175
|
-
/* @__PURE__ */ t("span", { className: "relative flex size-7 shrink-0 items-center justify-center rounded-full bg-muted", children: [
|
|
176
|
-
/* @__PURE__ */ s("img", { src: k("aisdk"), alt: "", className: "size-4.5" }),
|
|
177
|
-
/* @__PURE__ */ s("span", { className: "absolute -bottom-0.5 -right-0.5 flex size-3.5 items-center justify-center rounded-full bg-foreground text-[8px] font-bold text-background ring-1 ring-background", children: a.number })
|
|
178
|
-
] }),
|
|
179
|
-
/* @__PURE__ */ s("span", { className: "min-w-0 flex-1 truncate text-xs font-medium", children: a.label }),
|
|
180
|
-
/* @__PURE__ */ s(d, { variant: a.connected ? "default" : "secondary", children: a.connected ? "Connected" : "Needs login" }),
|
|
181
|
-
a.connected ? null : /* @__PURE__ */ t(l, { size: "sm", variant: "outline", onClick: () => f(e.key, a.id), children: [
|
|
182
|
-
/* @__PURE__ */ s(w, { className: "size-3.5" }),
|
|
183
|
-
"Connect"
|
|
184
|
-
] }),
|
|
185
|
-
a.removable ? /* @__PURE__ */ s(
|
|
186
|
-
"button",
|
|
187
|
-
{
|
|
188
|
-
type: "button",
|
|
189
|
-
onClick: () => j(a),
|
|
190
|
-
title: `Remove ${a.label}`,
|
|
191
|
-
"aria-label": `Remove ${a.label}`,
|
|
192
|
-
className: "flex size-7 items-center justify-center rounded-full text-muted-foreground transition hover:bg-destructive/10 hover:text-destructive",
|
|
193
|
-
children: /* @__PURE__ */ s(P, { className: "size-3.5" })
|
|
194
|
-
}
|
|
195
|
-
) : null
|
|
196
|
-
]
|
|
197
|
-
},
|
|
198
|
-
a.id
|
|
199
|
-
)) }) : null,
|
|
200
|
-
/* @__PURE__ */ t("div", { className: "mt-3 flex flex-wrap items-center gap-2 pl-11", children: [
|
|
201
|
-
/* @__PURE__ */ t("div", { className: "min-w-0 flex-1 space-y-1 text-xs text-muted-foreground", children: [
|
|
202
|
-
e.status.instructions.map((a) => /* @__PURE__ */ s("div", { children: a }, a)),
|
|
203
|
-
e.status.installCommand ? /* @__PURE__ */ t("div", { className: "truncate", children: [
|
|
204
|
-
"Install: ",
|
|
205
|
-
/* @__PURE__ */ s("code", { children: e.status.installCommand })
|
|
206
|
-
] }) : null,
|
|
207
|
-
e.status.loginCommand && !u.has(e.key) ? /* @__PURE__ */ t("div", { className: "truncate", children: [
|
|
208
|
-
"Login: ",
|
|
209
|
-
/* @__PURE__ */ s("code", { children: e.status.loginCommand })
|
|
210
|
-
] }) : null
|
|
211
|
-
] }),
|
|
212
|
-
/* @__PURE__ */ t(
|
|
213
|
-
l,
|
|
214
|
-
{
|
|
215
|
-
size: "sm",
|
|
216
|
-
variant: "outline",
|
|
217
|
-
disabled: !e.status.canAutoSetup || e.status.setupRunning,
|
|
218
|
-
onClick: () => o(e.key),
|
|
219
|
-
title: e.status.canAutoSetup ? "Run setup for this agent" : "No automatic setup is available",
|
|
220
|
-
children: [
|
|
221
|
-
e.status.setupRunning ? /* @__PURE__ */ s(N, { className: "size-4 animate-spin" }) : /* @__PURE__ */ s(y, { className: "size-4" }),
|
|
222
|
-
e.status.setupRunning ? "Running…" : "Install"
|
|
223
|
-
]
|
|
224
|
-
}
|
|
225
|
-
),
|
|
226
|
-
/* @__PURE__ */ t(
|
|
227
|
-
l,
|
|
228
|
-
{
|
|
229
|
-
size: "sm",
|
|
230
|
-
variant: "outline",
|
|
231
|
-
disabled: !e.status.canLoginInTerminal || e.status.setupRunning,
|
|
232
|
-
onClick: () => {
|
|
233
|
-
var a;
|
|
234
|
-
return e.key === "aisdk" && ((a = e.status.accounts) != null && a.some((T) => T.connected)) ? R() : f(e.key);
|
|
235
|
-
},
|
|
236
|
-
title: u.has(e.key) ? `Sign in to ${e.label} in your browser` : e.status.loginCommand ? `Open terminal and run ${e.status.loginCommand}` : "No terminal login command is available",
|
|
237
|
-
children: [
|
|
238
|
-
u.has(e.key) ? /* @__PURE__ */ s(w, { className: "size-4" }) : /* @__PURE__ */ s(v, { className: "size-4" }),
|
|
239
|
-
e.key === "aisdk" && ((p = e.status.accounts) != null && p.some((a) => a.connected)) ? "Add account" : "Login"
|
|
240
|
-
]
|
|
241
|
-
}
|
|
242
|
-
)
|
|
243
|
-
] })
|
|
244
|
-
] }, e.key);
|
|
245
|
-
}) })
|
|
246
|
-
] });
|
|
247
|
-
}
|
|
248
|
-
export {
|
|
249
|
-
K as default
|
|
250
|
-
};
|