@kite-copilot/chat-panel 0.2.13 → 0.2.15
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/auto.cjs +26 -26
- package/dist/auto.js +1 -1
- package/dist/{chunk-SJYNJCR5.js → chunk-US7B3XXI.js} +27 -27
- package/dist/embed.global.js +14 -13
- package/dist/index.cjs +26 -26
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/auto.cjs
CHANGED
|
@@ -887,7 +887,7 @@ function DataRenderer({ type, data }) {
|
|
|
887
887
|
// src/ChatPanel.tsx
|
|
888
888
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
889
889
|
var DEFAULT_AGENT_URL = "http://localhost:5002";
|
|
890
|
-
var PANEL_WIDTH =
|
|
890
|
+
var PANEL_WIDTH = 340;
|
|
891
891
|
function renderMarkdown(text) {
|
|
892
892
|
if (!text) return null;
|
|
893
893
|
const lines = text.split("\n");
|
|
@@ -2350,7 +2350,10 @@ ${userText}`
|
|
|
2350
2350
|
style: { width: `${PANEL_WIDTH}px` },
|
|
2351
2351
|
children: [
|
|
2352
2352
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between px-4 py-3 border-b border-gray-100 bg-gradient-to-r from-gray-50 to-white shrink-0", children: [
|
|
2353
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.
|
|
2353
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2.5", children: [
|
|
2354
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Sparkles, { className: "h-3.5 w-3.5 text-black", fill: "currentColor" }),
|
|
2355
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-sm font-semibold text-gray-800", children: "Copilot" })
|
|
2356
|
+
] }),
|
|
2354
2357
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
2355
2358
|
Button,
|
|
2356
2359
|
{
|
|
@@ -2370,29 +2373,26 @@ ${userText}`
|
|
|
2370
2373
|
) })
|
|
2371
2374
|
] }),
|
|
2372
2375
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: isEmpty ? "grid flex-1 place-items-center transition-all duration-300" : "flex flex-1 flex-col transition-all duration-300 min-h-0 overflow-hidden", children: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w-full overflow-y-auto px-4", children: [
|
|
2373
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "py-
|
|
2374
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "pb-4", children: [
|
|
2375
|
-
panelView === "landing" && /* @__PURE__ */ (0, import_jsx_runtime9.
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
);
|
|
2394
|
-
}) })
|
|
2395
|
-
] }),
|
|
2376
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "py-3 transition-all duration-300", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "text-center text-2xl font-semibold text-gray-900", children: panelView === "folder" ? folders.find((f) => f.id === currentFolderId)?.title || "" : "How can I help?" }) }),
|
|
2377
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "pb-4 px-4", children: [
|
|
2378
|
+
panelView === "landing" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex flex-col gap-1", children: loadingQuestions ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Loader2, { className: "h-4 w-4 animate-spin text-gray-400" }) }) : startingQuestions.map((question, index) => {
|
|
2379
|
+
const iconColors = ["bg-blue-400", "bg-green-400", "bg-purple-400", "bg-orange-400", "bg-pink-400"];
|
|
2380
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2381
|
+
Button,
|
|
2382
|
+
{
|
|
2383
|
+
type: "button",
|
|
2384
|
+
size: "sm",
|
|
2385
|
+
variant: "ghost",
|
|
2386
|
+
className: "w-full justify-start rounded-lg px-3 py-1.5 text-xs text-gray-700 hover:bg-gray-100 h-auto",
|
|
2387
|
+
onClick: () => sendTopic(question.prompt),
|
|
2388
|
+
children: [
|
|
2389
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: `mr-2 inline-block h-1.5 w-1.5 rounded-full ${iconColors[index % iconColors.length]}` }),
|
|
2390
|
+
question.label
|
|
2391
|
+
]
|
|
2392
|
+
},
|
|
2393
|
+
question.id
|
|
2394
|
+
);
|
|
2395
|
+
}) }) }),
|
|
2396
2396
|
panelView === "folder" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
|
|
2397
2397
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mb-3 flex items-center gap-2", children: [
|
|
2398
2398
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
@@ -2443,7 +2443,7 @@ ${userText}`
|
|
|
2443
2443
|
return null;
|
|
2444
2444
|
}
|
|
2445
2445
|
if (isUser) {
|
|
2446
|
-
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `flex justify-end ${isRoleChange ? "mt-3" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "max-w-[
|
|
2446
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `flex justify-end ${isRoleChange ? "mt-3" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "max-w-[260px] rounded-2xl rounded-br-md bg-gray-900 px-3.5 py-2.5 text-sm text-white shadow-sm", children: message.content }) }, message.id);
|
|
2447
2447
|
}
|
|
2448
2448
|
if (message.kind === "searchSummary") {
|
|
2449
2449
|
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${isRoleChange ? "mt-3" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AssistantSearchSummary, { title: message.title ?? "Search results", links: message.links ?? [] }) }, message.id);
|
package/dist/auto.js
CHANGED
|
@@ -883,10 +883,10 @@ function DataRenderer({ type, data }) {
|
|
|
883
883
|
|
|
884
884
|
// src/ChatPanel.tsx
|
|
885
885
|
import * as React4 from "react";
|
|
886
|
-
import { ArrowLeft, ArrowUp, Command, CornerDownLeft, CheckCircle2 as CheckCircle23, SquarePen, Paperclip, X, FileSpreadsheet, Loader2 as Loader22, ChevronLeft, ChevronRight } from "lucide-react";
|
|
886
|
+
import { ArrowLeft, ArrowUp, Command, CornerDownLeft, CheckCircle2 as CheckCircle23, SquarePen, Paperclip, X, FileSpreadsheet, Loader2 as Loader22, ChevronLeft, ChevronRight, Sparkles } from "lucide-react";
|
|
887
887
|
import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
888
888
|
var DEFAULT_AGENT_URL = "http://localhost:5002";
|
|
889
|
-
var PANEL_WIDTH =
|
|
889
|
+
var PANEL_WIDTH = 340;
|
|
890
890
|
function renderMarkdown(text) {
|
|
891
891
|
if (!text) return null;
|
|
892
892
|
const lines = text.split("\n");
|
|
@@ -2349,7 +2349,10 @@ ${userText}`
|
|
|
2349
2349
|
style: { width: `${PANEL_WIDTH}px` },
|
|
2350
2350
|
children: [
|
|
2351
2351
|
/* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between px-4 py-3 border-b border-gray-100 bg-gradient-to-r from-gray-50 to-white shrink-0", children: [
|
|
2352
|
-
/* @__PURE__ */
|
|
2352
|
+
/* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2.5", children: [
|
|
2353
|
+
/* @__PURE__ */ jsx9(Sparkles, { className: "h-3.5 w-3.5 text-black", fill: "currentColor" }),
|
|
2354
|
+
/* @__PURE__ */ jsx9("h3", { className: "text-sm font-semibold text-gray-800", children: "Copilot" })
|
|
2355
|
+
] }),
|
|
2353
2356
|
/* @__PURE__ */ jsx9("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx9(
|
|
2354
2357
|
Button,
|
|
2355
2358
|
{
|
|
@@ -2369,29 +2372,26 @@ ${userText}`
|
|
|
2369
2372
|
) })
|
|
2370
2373
|
] }),
|
|
2371
2374
|
/* @__PURE__ */ jsx9("div", { className: isEmpty ? "grid flex-1 place-items-center transition-all duration-300" : "flex flex-1 flex-col transition-all duration-300 min-h-0 overflow-hidden", children: isEmpty ? /* @__PURE__ */ jsxs5("div", { className: "w-full overflow-y-auto px-4", children: [
|
|
2372
|
-
/* @__PURE__ */ jsx9("div", { className: "py-
|
|
2373
|
-
/* @__PURE__ */ jsxs5("div", { className: "pb-4", children: [
|
|
2374
|
-
panelView === "landing" && /* @__PURE__ */
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
);
|
|
2393
|
-
}) })
|
|
2394
|
-
] }),
|
|
2375
|
+
/* @__PURE__ */ jsx9("div", { className: "py-3 transition-all duration-300", children: /* @__PURE__ */ jsx9("h2", { className: "text-center text-2xl font-semibold text-gray-900", children: panelView === "folder" ? folders.find((f) => f.id === currentFolderId)?.title || "" : "How can I help?" }) }),
|
|
2376
|
+
/* @__PURE__ */ jsxs5("div", { className: "pb-4 px-4", children: [
|
|
2377
|
+
panelView === "landing" && /* @__PURE__ */ jsx9(Fragment2, { children: /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-1", children: loadingQuestions ? /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx9(Loader22, { className: "h-4 w-4 animate-spin text-gray-400" }) }) : startingQuestions.map((question, index) => {
|
|
2378
|
+
const iconColors = ["bg-blue-400", "bg-green-400", "bg-purple-400", "bg-orange-400", "bg-pink-400"];
|
|
2379
|
+
return /* @__PURE__ */ jsxs5(
|
|
2380
|
+
Button,
|
|
2381
|
+
{
|
|
2382
|
+
type: "button",
|
|
2383
|
+
size: "sm",
|
|
2384
|
+
variant: "ghost",
|
|
2385
|
+
className: "w-full justify-start rounded-lg px-3 py-1.5 text-xs text-gray-700 hover:bg-gray-100 h-auto",
|
|
2386
|
+
onClick: () => sendTopic(question.prompt),
|
|
2387
|
+
children: [
|
|
2388
|
+
/* @__PURE__ */ jsx9("span", { className: `mr-2 inline-block h-1.5 w-1.5 rounded-full ${iconColors[index % iconColors.length]}` }),
|
|
2389
|
+
question.label
|
|
2390
|
+
]
|
|
2391
|
+
},
|
|
2392
|
+
question.id
|
|
2393
|
+
);
|
|
2394
|
+
}) }) }),
|
|
2395
2395
|
panelView === "folder" && /* @__PURE__ */ jsxs5(Fragment2, { children: [
|
|
2396
2396
|
/* @__PURE__ */ jsxs5("div", { className: "mb-3 flex items-center gap-2", children: [
|
|
2397
2397
|
/* @__PURE__ */ jsx9(
|
|
@@ -2442,7 +2442,7 @@ ${userText}`
|
|
|
2442
2442
|
return null;
|
|
2443
2443
|
}
|
|
2444
2444
|
if (isUser) {
|
|
2445
|
-
return /* @__PURE__ */ jsx9("div", { className: `flex justify-end ${isRoleChange ? "mt-3" : ""}`, children: /* @__PURE__ */ jsx9("div", { className: "max-w-[
|
|
2445
|
+
return /* @__PURE__ */ jsx9("div", { className: `flex justify-end ${isRoleChange ? "mt-3" : ""}`, children: /* @__PURE__ */ jsx9("div", { className: "max-w-[260px] rounded-2xl rounded-br-md bg-gray-900 px-3.5 py-2.5 text-sm text-white shadow-sm", children: message.content }) }, message.id);
|
|
2446
2446
|
}
|
|
2447
2447
|
if (message.kind === "searchSummary") {
|
|
2448
2448
|
return /* @__PURE__ */ jsx9("div", { className: `${isRoleChange ? "mt-3" : ""}`, children: /* @__PURE__ */ jsx9(AssistantSearchSummary, { title: message.title ?? "Search results", links: message.links ?? [] }) }, message.id);
|