@itechchoice/prime-chatkit 0.1.0-alpha.2 → 0.1.0-alpha.3
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/index.js +1848 -1839
- package/dist/style.css +1 -1
- package/dist/types/components/agent-thread.d.ts +6 -1
- package/dist/types/layout/constants.d.ts +3 -1
- package/dist/types/ui/i18n.d.ts +2 -0
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.abc-prime-dock{position:fixed;right:1rem;bottom:1rem;top:auto;left:auto;width:min(
|
|
1
|
+
.abc-prime-dock{position:fixed;right:1rem;bottom:1rem;top:auto;left:auto;width:min(420px,94vw);height:calc(100vh - var(--abc-prime-header-offset, var(--chatkit-header-offset, 0px)) - 16px);z-index:60;pointer-events:none;transition:width .22s ease,right .22s ease,bottom .22s ease,transform .22s ease;visibility:hidden}.abc-prime-dock--open{pointer-events:auto;visibility:visible}.abc-prime-dock--minimized{pointer-events:none;visibility:visible}.abc-prime-dock--split{inset:0 0 0 auto;width:var(--abc-prime-split-width, var(--chatkit-split-width, 480px));min-width:var(--abc-prime-split-min-width, var(--chatkit-split-min-width, 480px));height:100vh;border-left:1px solid var(--border-input, rgba(15, 23, 42, .08))}body.chatkit-resizing .abc-prime-dock,body.chatkit-dragging .abc-prime-dock,body.chatkit-dock-resizing .abc-prime-dock{transition:none}.abc-prime-dock__resize-handle{position:absolute;top:0;bottom:0;left:-12px;width:24px;display:flex;align-items:center;justify-content:center;cursor:col-resize;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2}.abc-prime-dock__panel{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-input, rgba(15, 23, 42, .08));border-radius:1.25rem;background:transparent;box-shadow:0 25px 50px #0f172a2e;padding:0;overflow:hidden;overscroll-behavior:contain;transform:translateY(20px);opacity:0;pointer-events:auto;transition:opacity .18s ease,transform .26s cubic-bezier(.2,.8,.2,1);height:100%}.abc-prime-dock--open .abc-prime-dock__panel{opacity:1;transform:translateY(0)}.abc-prime-dock--split .abc-prime-dock__panel{transform:translate(32px);border-radius:0}.abc-prime-dock--open.abc-prime-dock--split .abc-prime-dock__panel{transform:translate(0)}.abc-prime-dock--minimized .abc-prime-dock__panel{opacity:0;transform:scale(.06) translate(12px,12px);pointer-events:none}.abc-prime-dock__minimized{position:fixed;right:1rem;bottom:1rem;width:48px;height:48px;border-radius:999px;background:rgb(var(--color-theme-blue, 34 99 248));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #2263f847;transform:scale(.6);opacity:0;pointer-events:none;transition:transform .36s cubic-bezier(.18,1.35,.32,1),opacity .32s ease}.abc-prime-dock--minimized .abc-prime-dock__minimized{opacity:1;transform:scale(1);pointer-events:auto}.abc-prime-dock__header{cursor:default}.abc-prime-dock--dock-interactive:not(.abc-prime-dock--split) .abc-prime-dock__header{cursor:grab;touch-action:none}.abc-prime-dock--dragging:not(.abc-prime-dock--split) .abc-prime-dock__header{cursor:grabbing}.abc-prime-dock__resize-corner{position:absolute;right:.75rem;bottom:.75rem;width:18px;height:18px;border:0;background:transparent;cursor:nwse-resize;z-index:3}@media(max-width:640px){.abc-prime-dock{right:.75rem;left:.75rem;width:auto;bottom:.75rem}}
|
|
@@ -633,6 +633,7 @@ export type AgentThreadScreenProps = Pick<AppShellProps, "onNavigate" | "user" |
|
|
|
633
633
|
start?: {
|
|
634
634
|
greeting?: string;
|
|
635
635
|
body?: string;
|
|
636
|
+
avatar?: string;
|
|
636
637
|
prompts?: {
|
|
637
638
|
id: string;
|
|
638
639
|
label: string;
|
|
@@ -714,6 +715,10 @@ export type AgentThreadScreenProps = Pick<AppShellProps, "onNavigate" | "user" |
|
|
|
714
715
|
labels?: ThreadLabels;
|
|
715
716
|
locale?: string;
|
|
716
717
|
};
|
|
718
|
+
declare function ThreadStart({ start, onStartPrompt }: {
|
|
719
|
+
start: NonNullable<AgentThreadScreenProps["start"]>;
|
|
720
|
+
onStartPrompt?: AgentThreadScreenProps["onStartPrompt"];
|
|
721
|
+
}): import("react").JSX.Element;
|
|
717
722
|
export declare function AgentThreadScreen({ workspace, messages: messagesProp, overlay, start, onStartPrompt, onLink, orchestratorAvatar, onCopy, onRegenerate, onFeedback, feedbackReasons, onSend, onStop, onRetry, connection: connectionProp, onReconnect, lastSeen: lastSeenProp, awayAfter, onMarkRead, running, decisions: decisionsProp, onDecide, onLater, tasks: taskDetailsProp, onOpenTask, onShowTask, onOpenInbox, artifacts, openArtifacts, models, composer, suggested, upload, transcribe, simulate, labels: labelProp, locale, onNavigate, ...props }: AgentThreadScreenProps): import("react").JSX.Element;
|
|
718
723
|
/** Yours: a soft bubble on the right, files above it; queued, sending or failed under it */
|
|
719
724
|
declare function UserMessage({ message: m, labels, onRetry }: {
|
|
@@ -737,7 +742,7 @@ declare function AgentMessage({ message: m, status, phase, clock, orchestratorAv
|
|
|
737
742
|
onAsk: (id: string) => void;
|
|
738
743
|
onRetry?: () => void;
|
|
739
744
|
} & Pick<AgentThreadScreenProps, "onCopy" | "onRegenerate" | "onFeedback" | "feedbackReasons">): import("react").JSX.Element;
|
|
740
|
-
export { UserMessage, AgentMessage, ThreadLinkContext, threadDefaults };
|
|
745
|
+
export { UserMessage, AgentMessage, ThreadStart, ThreadLinkContext, threadDefaults };
|
|
741
746
|
export type { Labels };
|
|
742
747
|
/** The original message parts, with their shell tokens but no screen layout. */
|
|
743
748
|
export declare function ThreadPartsRoot({ children, className }: {
|
|
@@ -10,11 +10,13 @@ export declare const SPLIT_BREAKPOINT = 1440;
|
|
|
10
10
|
export declare const MIN_SPLIT_WIDTH = 1280;
|
|
11
11
|
export declare const DOCK_INTERACTIVE_BREAKPOINT = 768;
|
|
12
12
|
export declare const MIN_SPLIT_CONTENT_WIDTH = 620;
|
|
13
|
+
export declare const SPLIT_PANEL_MIN_WIDTH = 480;
|
|
14
|
+
export declare const SPLIT_PANEL_MAX_WIDTH = 720;
|
|
13
15
|
export declare const HEADER_HEIGHT_FALLBACK = 64;
|
|
14
16
|
export declare const DOCK_EDGE_GAP = 12;
|
|
15
|
-
export declare const DOCK_DEFAULT_WIDTH = 720;
|
|
16
17
|
export declare const DOCK_DEFAULT_HEIGHT = 760;
|
|
17
18
|
export declare const DOCK_MIN_WIDTH = 420;
|
|
19
|
+
export declare const DOCK_DEFAULT_WIDTH = 420;
|
|
18
20
|
export declare const DOCK_MIN_HEIGHT = 620;
|
|
19
21
|
export declare const DOCK_MAX_WIDTH = 960;
|
|
20
22
|
export declare const DOCK_GEOMETRY_STORAGE_KEY = "abcPrimeDockGeometry:v1";
|
package/dist/types/ui/i18n.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itechchoice/prime-chatkit",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.3",
|
|
4
4
|
"description": "PrimeChatKit: React chat UI for products built on the prime-chatkit SDK BFF contract. Shows the agent's work: thinking, tool calls, approvals, sources and cost.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"publishConfig": {
|