dsh-better-display 0.1.1
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/CHANGELOG.md +51 -0
- package/DESIGN.md +72 -0
- package/LICENSE +24 -0
- package/README.en.md +41 -0
- package/README.md +41 -0
- package/THIRD_PARTY_NOTICES.md +65 -0
- package/cordis.patch.yml +5 -0
- package/cordis.yml +4 -0
- package/dshx.yml +5 -0
- package/lib/client.js +49923 -0
- package/lib/client.js.map +1 -0
- package/lib/dsh-better-display.js +256 -0
- package/lib/types/client/Blocks.d.ts +45 -0
- package/lib/types/client/Blocks.d.ts.map +1 -0
- package/lib/types/client/Blocks.js +136 -0
- package/lib/types/client/Blocks.js.map +1 -0
- package/lib/types/client/ChoreographedFlow.d.ts +22 -0
- package/lib/types/client/ChoreographedFlow.d.ts.map +1 -0
- package/lib/types/client/ChoreographedFlow.js +170 -0
- package/lib/types/client/ChoreographedFlow.js.map +1 -0
- package/lib/types/client/ClosedProcessSummary.d.ts +9 -0
- package/lib/types/client/ClosedProcessSummary.d.ts.map +1 -0
- package/lib/types/client/ClosedProcessSummary.js +15 -0
- package/lib/types/client/ClosedProcessSummary.js.map +1 -0
- package/lib/types/client/LiveFold.d.ts +10 -0
- package/lib/types/client/LiveFold.d.ts.map +1 -0
- package/lib/types/client/LiveFold.js +39 -0
- package/lib/types/client/LiveFold.js.map +1 -0
- package/lib/types/client/McpAppFrame.d.ts +32 -0
- package/lib/types/client/McpAppFrame.d.ts.map +1 -0
- package/lib/types/client/McpAppFrame.js +193 -0
- package/lib/types/client/McpAppFrame.js.map +1 -0
- package/lib/types/client/Reader.d.ts +3 -0
- package/lib/types/client/Reader.d.ts.map +1 -0
- package/lib/types/client/Reader.js +537 -0
- package/lib/types/client/Reader.js.map +1 -0
- package/lib/types/client/ReasoningCard.d.ts +11 -0
- package/lib/types/client/ReasoningCard.d.ts.map +1 -0
- package/lib/types/client/ReasoningCard.js +301 -0
- package/lib/types/client/ReasoningCard.js.map +1 -0
- package/lib/types/client/StickyLane.d.ts +8 -0
- package/lib/types/client/StickyLane.d.ts.map +1 -0
- package/lib/types/client/StickyLane.js +28 -0
- package/lib/types/client/StickyLane.js.map +1 -0
- package/lib/types/client/TimelineRail.d.ts +10 -0
- package/lib/types/client/TimelineRail.d.ts.map +1 -0
- package/lib/types/client/TimelineRail.js +168 -0
- package/lib/types/client/TimelineRail.js.map +1 -0
- package/lib/types/client/ToolActivity.d.ts +17 -0
- package/lib/types/client/ToolActivity.d.ts.map +1 -0
- package/lib/types/client/ToolActivity.js +192 -0
- package/lib/types/client/ToolActivity.js.map +1 -0
- package/lib/types/client/TurnMetrics.d.ts +11 -0
- package/lib/types/client/TurnMetrics.d.ts.map +1 -0
- package/lib/types/client/TurnMetrics.js +44 -0
- package/lib/types/client/TurnMetrics.js.map +1 -0
- package/lib/types/client/WaitingStatus.d.ts +6 -0
- package/lib/types/client/WaitingStatus.d.ts.map +1 -0
- package/lib/types/client/WaitingStatus.js +19 -0
- package/lib/types/client/WaitingStatus.js.map +1 -0
- package/lib/types/client/conversation-scroll.d.ts +19 -0
- package/lib/types/client/conversation-scroll.d.ts.map +1 -0
- package/lib/types/client/conversation-scroll.js +25 -0
- package/lib/types/client/conversation-scroll.js.map +1 -0
- package/lib/types/client/deliverables.d.ts +24 -0
- package/lib/types/client/deliverables.d.ts.map +1 -0
- package/lib/types/client/deliverables.js +104 -0
- package/lib/types/client/deliverables.js.map +1 -0
- package/lib/types/client/entry-policy.d.ts +10 -0
- package/lib/types/client/entry-policy.d.ts.map +1 -0
- package/lib/types/client/entry-policy.js +24 -0
- package/lib/types/client/entry-policy.js.map +1 -0
- package/lib/types/client/entry.d.ts +4 -0
- package/lib/types/client/entry.d.ts.map +1 -0
- package/lib/types/client/entry.js +34 -0
- package/lib/types/client/entry.js.map +1 -0
- package/lib/types/client/fold-choreography.d.ts +28 -0
- package/lib/types/client/fold-choreography.d.ts.map +1 -0
- package/lib/types/client/fold-choreography.js +31 -0
- package/lib/types/client/fold-choreography.js.map +1 -0
- package/lib/types/client/index.d.ts +7 -0
- package/lib/types/client/index.d.ts.map +1 -0
- package/lib/types/client/index.js +153 -0
- package/lib/types/client/index.js.map +1 -0
- package/lib/types/client/live-turn.d.ts +58 -0
- package/lib/types/client/live-turn.d.ts.map +1 -0
- package/lib/types/client/live-turn.js +144 -0
- package/lib/types/client/live-turn.js.map +1 -0
- package/lib/types/client/markdown/MarkdownText.d.ts +39 -0
- package/lib/types/client/markdown/MarkdownText.d.ts.map +1 -0
- package/lib/types/client/markdown/MarkdownText.js +171 -0
- package/lib/types/client/markdown/MarkdownText.js.map +1 -0
- package/lib/types/client/markdown/cjkFriendlyStrong.d.ts +9 -0
- package/lib/types/client/markdown/cjkFriendlyStrong.d.ts.map +1 -0
- package/lib/types/client/markdown/cjkFriendlyStrong.js +73 -0
- package/lib/types/client/markdown/cjkFriendlyStrong.js.map +1 -0
- package/lib/types/client/markdown/incremental.d.ts +69 -0
- package/lib/types/client/markdown/incremental.d.ts.map +1 -0
- package/lib/types/client/markdown/incremental.js +108 -0
- package/lib/types/client/markdown/incremental.js.map +1 -0
- package/lib/types/client/markdown/katex.d.ts +27 -0
- package/lib/types/client/markdown/katex.d.ts.map +1 -0
- package/lib/types/client/markdown/katex.js +88 -0
- package/lib/types/client/markdown/katex.js.map +1 -0
- package/lib/types/client/markdown/mathCompatibility.d.ts +11 -0
- package/lib/types/client/markdown/mathCompatibility.d.ts.map +1 -0
- package/lib/types/client/markdown/mathCompatibility.js +293 -0
- package/lib/types/client/markdown/mathCompatibility.js.map +1 -0
- package/lib/types/client/markdown/parse.d.ts +25 -0
- package/lib/types/client/markdown/parse.d.ts.map +1 -0
- package/lib/types/client/markdown/parse.js +42 -0
- package/lib/types/client/markdown/parse.js.map +1 -0
- package/lib/types/client/markdown/render.d.ts +119 -0
- package/lib/types/client/markdown/render.d.ts.map +1 -0
- package/lib/types/client/markdown/render.js +435 -0
- package/lib/types/client/markdown/render.js.map +1 -0
- package/lib/types/client/mcp-app.d.ts +50 -0
- package/lib/types/client/mcp-app.d.ts.map +1 -0
- package/lib/types/client/mcp-app.js +328 -0
- package/lib/types/client/mcp-app.js.map +1 -0
- package/lib/types/client/message-chrome.d.ts +19 -0
- package/lib/types/client/message-chrome.d.ts.map +1 -0
- package/lib/types/client/message-chrome.js +42 -0
- package/lib/types/client/message-chrome.js.map +1 -0
- package/lib/types/client/motion.d.ts +38 -0
- package/lib/types/client/motion.d.ts.map +1 -0
- package/lib/types/client/motion.js +367 -0
- package/lib/types/client/motion.js.map +1 -0
- package/lib/types/client/native/ContextBody.d.ts +130 -0
- package/lib/types/client/native/ContextBody.d.ts.map +1 -0
- package/lib/types/client/native/ContextBody.js +398 -0
- package/lib/types/client/native/ContextBody.js.map +1 -0
- package/lib/types/client/native/ContextInjectionRow.d.ts +26 -0
- package/lib/types/client/native/ContextInjectionRow.d.ts.map +1 -0
- package/lib/types/client/native/ContextInjectionRow.js +27 -0
- package/lib/types/client/native/ContextInjectionRow.js.map +1 -0
- package/lib/types/client/native/ReferenceIcon.d.ts +16 -0
- package/lib/types/client/native/ReferenceIcon.d.ts.map +1 -0
- package/lib/types/client/native/ReferenceIcon.js +16 -0
- package/lib/types/client/native/ReferenceIcon.js.map +1 -0
- package/lib/types/client/native/tool-call-model.d.ts +58 -0
- package/lib/types/client/native/tool-call-model.d.ts.map +1 -0
- package/lib/types/client/native/tool-call-model.js +219 -0
- package/lib/types/client/native/tool-call-model.js.map +1 -0
- package/lib/types/client/open-file.d.ts +24 -0
- package/lib/types/client/primitive-labels.d.ts +10 -0
- package/lib/types/client/primitive-labels.d.ts.map +1 -0
- package/lib/types/client/primitive-labels.js +37 -0
- package/lib/types/client/primitive-labels.js.map +1 -0
- package/lib/types/client/projection.d.ts +41 -0
- package/lib/types/client/projection.d.ts.map +1 -0
- package/lib/types/client/projection.js +112 -0
- package/lib/types/client/projection.js.map +1 -0
- package/lib/types/client/reasoning-follow.d.ts +6 -0
- package/lib/types/client/reasoning-follow.d.ts.map +1 -0
- package/lib/types/client/reasoning-follow.js +12 -0
- package/lib/types/client/reasoning-follow.js.map +1 -0
- package/lib/types/client/settings-copy.d.ts +6 -0
- package/lib/types/client/settings-slots.d.ts +16 -0
- package/lib/types/client/store.d.ts +17 -0
- package/lib/types/client/store.d.ts.map +1 -0
- package/lib/types/client/store.js +13 -0
- package/lib/types/client/store.js.map +1 -0
- package/lib/types/client/stream-buffer.d.ts +29 -0
- package/lib/types/client/stream-buffer.d.ts.map +1 -0
- package/lib/types/client/stream-buffer.js +113 -0
- package/lib/types/client/stream-buffer.js.map +1 -0
- package/lib/types/client/streaming.d.ts +18 -0
- package/lib/types/client/streaming.d.ts.map +1 -0
- package/lib/types/client/streaming.js +77 -0
- package/lib/types/client/streaming.js.map +1 -0
- package/lib/types/client/timeline.d.ts +26 -0
- package/lib/types/client/timeline.d.ts.map +1 -0
- package/lib/types/client/timeline.js +48 -0
- package/lib/types/client/timeline.js.map +1 -0
- package/lib/types/client/tool-activity.d.ts +52 -0
- package/lib/types/client/tool-activity.d.ts.map +1 -0
- package/lib/types/client/tool-activity.js +178 -0
- package/lib/types/client/tool-activity.js.map +1 -0
- package/lib/types/client/types.d.ts +66 -0
- package/lib/types/client/types.d.ts.map +1 -0
- package/lib/types/client/types.js +2 -0
- package/lib/types/client/types.js.map +1 -0
- package/lib/types/client/waiting-clock.d.ts +17 -0
- package/lib/types/client/waiting-clock.d.ts.map +1 -0
- package/lib/types/client/waiting-clock.js +24 -0
- package/lib/types/client/waiting-clock.js.map +1 -0
- package/lib/types/client/word-motion.d.ts +16 -0
- package/lib/types/client/word-motion.d.ts.map +1 -0
- package/lib/types/client/word-motion.js +89 -0
- package/lib/types/client/word-motion.js.map +1 -0
- package/lib/types/client/word-timeline.d.ts +28 -0
- package/lib/types/client/word-timeline.d.ts.map +1 -0
- package/lib/types/client/word-timeline.js +100 -0
- package/lib/types/client/word-timeline.js.map +1 -0
- package/lib/types/dsh-better-display.d.ts +17 -0
- package/lib/types/dsh-better-display.d.ts.map +1 -0
- package/lib/types/dsh-better-display.js +53 -0
- package/lib/types/dsh-better-display.js.map +1 -0
- package/package.json +121 -0
- package/scripts/build-motion-fixture.mjs +26 -0
- package/scripts/link-harness-dependencies.mjs +51 -0
- package/skills/generative-mcpapps/SKILL.md +47 -0
- package/skills/generative-mcpapps/examples/interactive_quiz.html +153 -0
- package/skills/generative-mcpapps/references/html_boilerplate.md +122 -0
- package/skills/generative-mcpapps/references/sep1865_protocol.md +54 -0
- package/src/client/Blocks.tsx +205 -0
- package/src/client/ChoreographedFlow.tsx +182 -0
- package/src/client/ClosedProcessSummary.tsx +19 -0
- package/src/client/LiveFold.tsx +43 -0
- package/src/client/McpAppFrame.module.css +210 -0
- package/src/client/McpAppFrame.tsx +317 -0
- package/src/client/Reader.module.css +329 -0
- package/src/client/Reader.tsx +814 -0
- package/src/client/ReasoningCard.tsx +285 -0
- package/src/client/SettingsSection.module.css +147 -0
- package/src/client/SettingsSection.tsx +117 -0
- package/src/client/StickyLane.tsx +24 -0
- package/src/client/TimelineRail.module.css +170 -0
- package/src/client/TimelineRail.tsx +262 -0
- package/src/client/ToolActivity.tsx +214 -0
- package/src/client/TurnMetrics.module.css +139 -0
- package/src/client/TurnMetrics.tsx +160 -0
- package/src/client/WaitingStatus.tsx +22 -0
- package/src/client/conversation-scroll.ts +28 -0
- package/src/client/deliverables.ts +122 -0
- package/src/client/entry-policy.ts +20 -0
- package/src/client/entry.tsx +40 -0
- package/src/client/fold-choreography.ts +38 -0
- package/src/client/index.tsx +198 -0
- package/src/client/live-turn.ts +155 -0
- package/src/client/markdown/MarkdownText.module.css +304 -0
- package/src/client/markdown/MarkdownText.tsx +187 -0
- package/src/client/markdown/cjkFriendlyStrong.ts +84 -0
- package/src/client/markdown/incremental.ts +131 -0
- package/src/client/markdown/katex.tsx +91 -0
- package/src/client/markdown/mathCompatibility.ts +350 -0
- package/src/client/markdown/parse.ts +45 -0
- package/src/client/markdown/render.tsx +630 -0
- package/src/client/markdown/upstream.json +14 -0
- package/src/client/mcp-app.ts +323 -0
- package/src/client/message-chrome.ts +47 -0
- package/src/client/motion.tsx +338 -0
- package/src/client/native/ContextBody.module.css +161 -0
- package/src/client/native/ContextBody.tsx +591 -0
- package/src/client/native/ContextInjectionRow.module.css +62 -0
- package/src/client/native/ContextInjectionRow.tsx +72 -0
- package/src/client/native/ReferenceIcon.tsx +35 -0
- package/src/client/native/tool-call-model.ts +248 -0
- package/src/client/native/upstream.json +41 -0
- package/src/client/open-file.ts +94 -0
- package/src/client/pending-submission.ts +49 -0
- package/src/client/primitive-labels.ts +53 -0
- package/src/client/projection.ts +118 -0
- package/src/client/reasoning-follow.ts +12 -0
- package/src/client/settings-copy.ts +53 -0
- package/src/client/settings-slots.ts +20 -0
- package/src/client/settings.tsx +73 -0
- package/src/client/skill-status.ts +78 -0
- package/src/client/store.ts +30 -0
- package/src/client/stream-buffer.ts +100 -0
- package/src/client/streaming.tsx +62 -0
- package/src/client/style.d.ts +4 -0
- package/src/client/timeline.ts +77 -0
- package/src/client/tool-activity.ts +152 -0
- package/src/client/types.ts +66 -0
- package/src/client/waiting-clock.ts +25 -0
- package/src/client/word-motion.tsx +91 -0
- package/src/client/word-timeline.ts +96 -0
- package/src/dsh-better-display.ts +108 -0
- package/src/skill-roots.ts +138 -0
- package/src/skill-status.ts +81 -0
- package/tests/browser-closed-gap.tsx +20 -0
- package/tests/browser-motion.tsx +65 -0
- package/tests/browser-sticky-lanes.tsx +22 -0
- package/tests/browser-waiting-clock.tsx +14 -0
- package/tests/chat-flow-hook.test.ts +66 -0
- package/tests/cloud-gate.test.ts +34 -0
- package/tests/conversation-scroll.test.ts +47 -0
- package/tests/deliverables.test.ts +128 -0
- package/tests/entry.test.ts +42 -0
- package/tests/fixtures/maid-composer-hide.html +31 -0
- package/tests/fold-choreography.test.ts +38 -0
- package/tests/history-word-regression.test.ts +16 -0
- package/tests/live-turn.test.ts +218 -0
- package/tests/mcp-apps.test.ts +157 -0
- package/tests/message-chrome.test.ts +29 -0
- package/tests/open-file.test.ts +103 -0
- package/tests/pending-submission.test.ts +45 -0
- package/tests/projection.test.ts +184 -0
- package/tests/reasoning-follow.test.ts +34 -0
- package/tests/settings-copy.test.ts +63 -0
- package/tests/skill-status.test.ts +137 -0
- package/tests/stock-install.test.ts +50 -0
- package/tests/stream-buffer.test.ts +97 -0
- package/tests/timeline.test.ts +59 -0
- package/tests/waiting-clock.test.ts +24 -0
- package/tests/word-timeline.test.ts +136 -0
- package/tsconfig.json +11 -0
- package/tsdown.config.ts +49 -0
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
3
|
+
import { collapseRows, containsNewUser, flowRows, FOLD_TIMING, retiringKeys } from './fold-choreography.js';
|
|
4
|
+
import { Disclosure } from './motion.js';
|
|
5
|
+
import { FoldSummaryText } from './LiveFold.js';
|
|
6
|
+
import { StreamMotionContext } from './streaming.js';
|
|
7
|
+
import css from './Reader.module.css';
|
|
8
|
+
const FlowSnapshot = createContext(null);
|
|
9
|
+
/** Public projection only. Descendants cannot leak live data through a frozen frame. */
|
|
10
|
+
export const useFlowChat = selector => {
|
|
11
|
+
const snapshot = useContext(FlowSnapshot);
|
|
12
|
+
if (!snapshot)
|
|
13
|
+
throw new Error('Flow snapshot provider missing');
|
|
14
|
+
return selector(snapshot);
|
|
15
|
+
};
|
|
16
|
+
const idle = (frame) => ({ phase: 'idle', shown: frame, target: frame, retiring: [], beforeKeys: new Set() });
|
|
17
|
+
function Summary({ item, open, onChange, motion }) {
|
|
18
|
+
const button = useRef(null);
|
|
19
|
+
return _jsx("div", { "data-reader-live-fold": true, "data-expanded": open, "data-reader-live-fold-summary": item.summary, children: _jsx(Disclosure, { open: open, onChange: onChange, buttonRef: button, ariaLabel: "\u6B64\u524D\u6B65\u9AA4", label: _jsx(FoldSummaryText, { summary: item.summary, motion: motion }) }) });
|
|
20
|
+
}
|
|
21
|
+
/** Manual disclosure shares the measured-size path; children survive until finish. */
|
|
22
|
+
function FlowCell({ hidden, instant, motion, rowKey, children, summary = false }) {
|
|
23
|
+
const ref = useRef(null);
|
|
24
|
+
const [present, setPresent] = useState(!hidden);
|
|
25
|
+
const previous = useRef(hidden);
|
|
26
|
+
if (!hidden && !present)
|
|
27
|
+
setPresent(true);
|
|
28
|
+
useLayoutEffect(() => {
|
|
29
|
+
const el = ref.current;
|
|
30
|
+
const changed = previous.current !== hidden;
|
|
31
|
+
previous.current = hidden;
|
|
32
|
+
if (!el)
|
|
33
|
+
return;
|
|
34
|
+
if (!changed || instant || !motion) {
|
|
35
|
+
setPresent(!hidden);
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
const height = el.scrollHeight;
|
|
39
|
+
const animation = el.animate([
|
|
40
|
+
{ height: `${hidden ? height : 0}px`, opacity: hidden ? 1 : 0 },
|
|
41
|
+
{ height: `${hidden ? 0 : height}px`, opacity: hidden ? 0 : 1 },
|
|
42
|
+
], { duration: 220, easing: 'cubic-bezier(.4,0,.2,1)', fill: 'both' });
|
|
43
|
+
el.dispatchEvent(new CustomEvent('reader-layout-start', { bubbles: true }));
|
|
44
|
+
let released = false;
|
|
45
|
+
const release = () => { if (!released) {
|
|
46
|
+
released = true;
|
|
47
|
+
el.dispatchEvent(new CustomEvent('reader-layout-end', { bubbles: true }));
|
|
48
|
+
} };
|
|
49
|
+
animation.onfinish = () => { setPresent(!hidden); animation.cancel(); release(); };
|
|
50
|
+
return () => { animation.cancel(); release(); };
|
|
51
|
+
}, [hidden, instant, motion]);
|
|
52
|
+
return _jsx("div", { ref: ref, className: css.flowCell, "data-flow-key": rowKey, "data-flow-summary": summary || undefined, hidden: hidden && !present, "aria-hidden": hidden || undefined, ...(hidden ? { inert: '' } : {}), children: present && _jsx("div", { className: css.flowCellInner, children: children }) });
|
|
53
|
+
}
|
|
54
|
+
export function ChoreographedFlow({ frame, motion, enabled, urgent, open, onOpenChange, processOpen, renderStep, id }) {
|
|
55
|
+
const root = useRef(null);
|
|
56
|
+
const stream = useContext(StreamMotionContext);
|
|
57
|
+
const latest = useRef(frame);
|
|
58
|
+
latest.current = frame;
|
|
59
|
+
const [visible, setVisible] = useState(() => !document.hidden);
|
|
60
|
+
const [state, setState] = useState(() => idle(frame));
|
|
61
|
+
const bypass = !motion || !enabled || urgent || !visible || !processOpen || (state.phase !== 'idle' && Object.values(open).some(Boolean));
|
|
62
|
+
// Render-time adjustment prevents even one paint of the new authoritative layout.
|
|
63
|
+
if ((bypass || containsNewUser(state.shown.items, frame.items)) && (state.phase !== 'idle' || state.shown !== frame)) {
|
|
64
|
+
setState(idle(frame));
|
|
65
|
+
}
|
|
66
|
+
else if (state.phase === 'idle' && state.shown !== frame) {
|
|
67
|
+
const retiring = retiringKeys(state.shown.items, frame.items, open);
|
|
68
|
+
setState(retiring.length ? { ...state, phase: 'collapse', target: frame, retiring,
|
|
69
|
+
beforeKeys: new Set(flowRows(state.shown.items).map(row => row.key)) } : idle(frame));
|
|
70
|
+
}
|
|
71
|
+
useEffect(() => {
|
|
72
|
+
const update = () => setVisible(!document.hidden);
|
|
73
|
+
document.addEventListener('visibilitychange', update);
|
|
74
|
+
return () => document.removeEventListener('visibilitychange', update);
|
|
75
|
+
}, []);
|
|
76
|
+
useLayoutEffect(() => {
|
|
77
|
+
if (state.phase !== 'collapse')
|
|
78
|
+
return;
|
|
79
|
+
const el = root.current;
|
|
80
|
+
if (!el)
|
|
81
|
+
return;
|
|
82
|
+
const retiring = new Set(state.retiring);
|
|
83
|
+
const animations = [];
|
|
84
|
+
el.dispatchEvent(new CustomEvent('reader-layout-start', { bubbles: true }));
|
|
85
|
+
for (const cell of el.querySelectorAll(':scope > [data-flow-key]')) {
|
|
86
|
+
const key = cell.dataset.flowKey;
|
|
87
|
+
const isHeader = cell.dataset.flowSummary && !state.beforeKeys.has(key);
|
|
88
|
+
if (!retiring.has(key) && !isHeader)
|
|
89
|
+
continue;
|
|
90
|
+
const height = cell.getBoundingClientRect().height;
|
|
91
|
+
animations.push(cell.animate(isHeader ? [
|
|
92
|
+
{ height: '0px', opacity: 0 }, { height: `${height}px`, opacity: 1 },
|
|
93
|
+
] : [
|
|
94
|
+
{ height: `${height}px`, opacity: 1 },
|
|
95
|
+
{ height: `${height * .5}px`, opacity: .85, offset: .5 },
|
|
96
|
+
{ height: '0px', opacity: 0 },
|
|
97
|
+
], { duration: FOLD_TIMING.collapse, easing: 'cubic-bezier(.4,0,.2,1)', fill: 'both' }));
|
|
98
|
+
}
|
|
99
|
+
let cancelled = false;
|
|
100
|
+
Promise.all(animations.map(animation => animation.finished)).then(() => {
|
|
101
|
+
if (cancelled)
|
|
102
|
+
return;
|
|
103
|
+
// Coalesce everything received during shrink, once. No animation restarts.
|
|
104
|
+
setState(current => ({ ...current, phase: 'count', target: latest.current }));
|
|
105
|
+
}).catch(() => { });
|
|
106
|
+
return () => {
|
|
107
|
+
cancelled = true;
|
|
108
|
+
animations.forEach(animation => animation.cancel());
|
|
109
|
+
el.dispatchEvent(new CustomEvent('reader-layout-end', { bubbles: true }));
|
|
110
|
+
};
|
|
111
|
+
}, [state.phase]);
|
|
112
|
+
useEffect(() => {
|
|
113
|
+
if (state.phase !== 'count' && state.phase !== 'settle' && state.phase !== 'reveal')
|
|
114
|
+
return;
|
|
115
|
+
const phase = state.phase;
|
|
116
|
+
// Count visible presentation time, not a timer that can expire before a
|
|
117
|
+
// busy browser paints. Each attention phase must get actual rendered frames.
|
|
118
|
+
let elapsed = 0;
|
|
119
|
+
let previous;
|
|
120
|
+
let raf = 0;
|
|
121
|
+
const tick = (now) => {
|
|
122
|
+
if (previous !== undefined)
|
|
123
|
+
elapsed += Math.min(40, now - previous);
|
|
124
|
+
previous = now;
|
|
125
|
+
if (elapsed < FOLD_TIMING[phase]) {
|
|
126
|
+
raf = requestAnimationFrame(tick);
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
setState(current => {
|
|
130
|
+
if (current.phase !== phase)
|
|
131
|
+
return current;
|
|
132
|
+
if (phase === 'count')
|
|
133
|
+
return { ...current, phase: 'settle' };
|
|
134
|
+
if (phase === 'settle')
|
|
135
|
+
return { ...current, phase: 'reveal' };
|
|
136
|
+
return idle(current.target);
|
|
137
|
+
});
|
|
138
|
+
};
|
|
139
|
+
raf = requestAnimationFrame(tick);
|
|
140
|
+
return () => cancelAnimationFrame(raf);
|
|
141
|
+
}, [state.phase]);
|
|
142
|
+
useLayoutEffect(() => {
|
|
143
|
+
if (state.phase !== 'reveal' || !root.current)
|
|
144
|
+
return;
|
|
145
|
+
const el = root.current;
|
|
146
|
+
el.dispatchEvent(new CustomEvent('reader-layout-start', { bubbles: true }));
|
|
147
|
+
// Opacity alone still inserts the new layout in one frame. Open real space
|
|
148
|
+
// first; text stays paused until this entry finishes, then catches up.
|
|
149
|
+
const animations = Array.from(el.children).filter(child => !child.hidden && !state.beforeKeys.has(child.dataset.flowKey))
|
|
150
|
+
.map(child => child.animate([
|
|
151
|
+
{ height: '0px', opacity: 0 },
|
|
152
|
+
{ height: `${child.getBoundingClientRect().height}px`, opacity: 1 },
|
|
153
|
+
], { duration: FOLD_TIMING.reveal, easing: 'cubic-bezier(.4,0,.2,1)', fill: 'both' }));
|
|
154
|
+
return () => {
|
|
155
|
+
animations.forEach(animation => animation.cancel());
|
|
156
|
+
el.dispatchEvent(new CustomEvent('reader-layout-end', { bubbles: true }));
|
|
157
|
+
};
|
|
158
|
+
}, [state.phase]);
|
|
159
|
+
const blocked = state.phase === 'collapse' || state.phase === 'count' || state.phase === 'settle';
|
|
160
|
+
const source = state.phase === 'idle' || state.phase === 'collapse' ? state.shown : state.target;
|
|
161
|
+
const rows = state.phase === 'collapse' ? collapseRows(state.shown.items, state.target.items) : flowRows(source.items);
|
|
162
|
+
return _jsx(FlowSnapshot.Provider, { value: source.snapshot, children: _jsx(StreamMotionContext.Provider, { value: { ...stream, paused: state.phase !== 'idle', resumed: state.phase === 'reveal' }, children: _jsx("div", { id: id, ref: root, className: css.choreographedFlow, "data-reader-flow": true, "data-reader-transition": state.phase, "data-ud-motion": "fold-choreography", children: rows.map(row => {
|
|
163
|
+
if (row.kind === 'summary')
|
|
164
|
+
return _jsx(FlowCell, { rowKey: row.key, hidden: false, instant: true, motion: motion, summary: true, children: _jsx(Summary, { item: row.item, open: processOpen && !!open[row.key], onChange: value => onOpenChange(row.key, value), motion: motion && state.phase !== 'collapse' }) }, row.key);
|
|
165
|
+
const hidden = !!row.foldKey && (!processOpen || !open[row.foldKey]) || (blocked && state.phase !== 'collapse' && !state.beforeKeys.has(row.key));
|
|
166
|
+
// Keep retiring child props unchanged until it has actually shrunk.
|
|
167
|
+
return _jsx(FlowCell, { rowKey: row.key, hidden: hidden, instant: state.phase !== 'idle', motion: motion, children: renderStep(row.step, !!row.foldKey) }, row.key);
|
|
168
|
+
}) }) }) });
|
|
169
|
+
}
|
|
170
|
+
//# sourceMappingURL=ChoreographedFlow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChoreographedFlow.js","sourceRoot":"","sources":["../../../src/client/ChoreographedFlow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { LiveStep } from './live-turn.js';
|
|
2
|
+
/** Keep process counts discoverable after the live-fold presentation retires. */
|
|
3
|
+
export declare function ClosedProcessSummary({ steps, open, onChange, controls }: {
|
|
4
|
+
steps: readonly LiveStep[];
|
|
5
|
+
open: boolean;
|
|
6
|
+
onChange: (value: boolean) => void;
|
|
7
|
+
controls: string;
|
|
8
|
+
}): import("react").JSX.Element | null;
|
|
9
|
+
//# sourceMappingURL=ClosedProcessSummary.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClosedProcessSummary.d.ts","sourceRoot":"","sources":["../../../src/client/ClosedProcessSummary.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,iFAAiF;AACjF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IACxE,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;CACjG,sCAQA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from 'react';
|
|
3
|
+
import css from './Reader.module.css';
|
|
4
|
+
import { Disclosure } from './motion.js';
|
|
5
|
+
import { FoldSummaryText } from './LiveFold.js';
|
|
6
|
+
import { foldSummary } from './live-turn.js';
|
|
7
|
+
/** Keep process counts discoverable after the live-fold presentation retires. */
|
|
8
|
+
export function ClosedProcessSummary({ steps, open, onChange, controls }) {
|
|
9
|
+
const button = useRef(null);
|
|
10
|
+
if (!steps.length)
|
|
11
|
+
return null;
|
|
12
|
+
const summary = foldSummary(steps);
|
|
13
|
+
return _jsx("div", { className: css.closedProcessSummary, "data-reader-closed-summary": summary, children: _jsx(Disclosure, { open: open, onChange: onChange, controls: controls, buttonRef: button, ariaLabel: "\u672C\u8F6E\u8FC7\u7A0B\u8BE6\u60C5", label: _jsx(FoldSummaryText, { summary: summary, motion: false }) }) });
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=ClosedProcessSummary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClosedProcessSummary.js","sourceRoot":"","sources":["../../../src/client/ClosedProcessSummary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,GAAG,MAAM,qBAAqB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,iFAAiF;AACjF,MAAM,UAAU,oBAAoB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAErE;IACC,MAAM,MAAM,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC/C,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAC/B,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACnC,OAAO,cAAK,SAAS,EAAE,GAAG,CAAC,oBAAoB,gCAA8B,OAAO,YAClF,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAC,sCAAQ,EACnG,KAAK,EAAE,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,GAAI,GAAI,GAC7D,CAAC;AACT,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** Values are presentation commits, never live network counters. */
|
|
2
|
+
export declare function SubtleNumberRoll({ value, motion }: {
|
|
3
|
+
value: number;
|
|
4
|
+
motion: boolean;
|
|
5
|
+
}): import("react").JSX.Element;
|
|
6
|
+
export declare function FoldSummaryText({ summary, motion }: {
|
|
7
|
+
summary: string;
|
|
8
|
+
motion: boolean;
|
|
9
|
+
}): import("react").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=LiveFold.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveFold.d.ts","sourceRoot":"","sources":["../../../src/client/LiveFold.tsx"],"names":[],"mappings":"AAIA,oEAAoE;AACpE,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,+BAiBrF;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,+BAkBxF"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
+
import { FOLD_TIMING } from './fold-choreography.js';
|
|
4
|
+
import css from './Reader.module.css';
|
|
5
|
+
/** Values are presentation commits, never live network counters. */
|
|
6
|
+
export function SubtleNumberRoll({ value, motion }) {
|
|
7
|
+
const [outgoing, setOutgoing] = useState(null);
|
|
8
|
+
const previous = useRef(value);
|
|
9
|
+
useLayoutEffect(() => {
|
|
10
|
+
if (value === previous.current)
|
|
11
|
+
return;
|
|
12
|
+
const old = previous.current;
|
|
13
|
+
previous.current = value;
|
|
14
|
+
if (!motion) {
|
|
15
|
+
setOutgoing(null);
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
setOutgoing(old);
|
|
19
|
+
const timer = window.setTimeout(() => setOutgoing(null), FOLD_TIMING.count);
|
|
20
|
+
return () => window.clearTimeout(timer);
|
|
21
|
+
}, [value, motion]);
|
|
22
|
+
return _jsxs("span", { className: css.numberRollRoot, "aria-hidden": "true", children: [_jsx("span", { className: css.numberRollSizer, children: value }), outgoing !== null && _jsx("span", { className: `${css.numberRollDigit} ${css.numberRollExit}`, children: outgoing }, `out-${outgoing}`), _jsx("span", { className: `${css.numberRollDigit} ${outgoing !== null ? css.numberRollEnter : ''}`, children: value }, `cur-${value}`)] });
|
|
23
|
+
}
|
|
24
|
+
export function FoldSummaryText({ summary, motion }) {
|
|
25
|
+
const parts = useMemo(() => {
|
|
26
|
+
const regex = /([^\d]+)(\d+)/g;
|
|
27
|
+
const result = [];
|
|
28
|
+
let end = 0;
|
|
29
|
+
for (const match of summary.matchAll(regex)) {
|
|
30
|
+
result.push({ text: match[1], number: Number(match[2]) });
|
|
31
|
+
end = match.index + match[0].length;
|
|
32
|
+
}
|
|
33
|
+
if (end < summary.length)
|
|
34
|
+
result.push({ text: summary.slice(end) });
|
|
35
|
+
return result;
|
|
36
|
+
}, [summary]);
|
|
37
|
+
return _jsx("span", { className: css.foldSummary, "data-reader-fold-summary": summary, "aria-label": summary, children: parts.map(part => _jsxs("span", { className: css.foldSummaryPart, children: [_jsx("span", { children: part.text }), part.number !== undefined && _jsx(SubtleNumberRoll, { value: part.number, motion: motion })] }, part.text)) });
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=LiveFold.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LiveFold.js","sourceRoot":"","sources":["../../../src/client/LiveFold.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Composer fill channel shared by every McpAppFrame in one Reader tree.
|
|
3
|
+
* Provided by Blocks from the session-scoped Reader face (sanctioned
|
|
4
|
+
* conversation input API); absent outside a Reader, where the DOM fallback
|
|
5
|
+
* applies. React context avoids threading the callback through the whole
|
|
6
|
+
* markdown pipeline (MarkdownText -> render context -> code fence).
|
|
7
|
+
*/
|
|
8
|
+
export type ComposerFill = (text: string) => boolean;
|
|
9
|
+
export declare const ComposerFillContext: import("react").Context<ComposerFill | undefined>;
|
|
10
|
+
export declare function useComposerFill(): ComposerFill | undefined;
|
|
11
|
+
export interface McpAppFrameProps {
|
|
12
|
+
html: string;
|
|
13
|
+
title?: string;
|
|
14
|
+
initialHeight?: number;
|
|
15
|
+
/** Session-scoped composer writer; falls back to context, then DOM. */
|
|
16
|
+
fillComposer?: ComposerFill;
|
|
17
|
+
}
|
|
18
|
+
export declare const McpAppFrame: import("react").MemoExoticComponent<({ html, title: initialTitle, initialHeight, fillComposer: fillComposerProp, }: McpAppFrameProps) => import("react").JSX.Element>;
|
|
19
|
+
/**
|
|
20
|
+
* Markdown code-fence mount point: picks the session composer writer from
|
|
21
|
+
* React context (provided by Blocks) without changing the markdown
|
|
22
|
+
* pipeline's signatures.
|
|
23
|
+
*/
|
|
24
|
+
export declare function McpAppCodeBlock({ html, title, initialHeight }: {
|
|
25
|
+
html: string;
|
|
26
|
+
title?: string;
|
|
27
|
+
initialHeight?: number;
|
|
28
|
+
}): import("react").JSX.Element;
|
|
29
|
+
export declare function StreamingMcpAppPlaceholder({ title }: {
|
|
30
|
+
title?: string;
|
|
31
|
+
}): import("react").JSX.Element;
|
|
32
|
+
//# sourceMappingURL=McpAppFrame.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"McpAppFrame.d.ts","sourceRoot":"","sources":["../../../src/client/McpAppFrame.tsx"],"names":[],"mappings":"AAWA;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;AACrD,eAAO,MAAM,mBAAmB,mDAAqD,CAAC;AACtF,wBAAgB,eAAe,IAAI,YAAY,GAAG,SAAS,CAE1D;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,sHAKrB,gBAAgB,iCAkQjB,CAAC;AAEH;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE;IAC9D,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CACtD,+BAGA;AAED,wBAAgB,0BAA0B,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAOvE"}
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, memo, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from 'react';
|
|
3
|
+
import { getHostTheme, getCssTokens, extractHtmlTitle, ensureHtmlDocument, formatReceiptPrompt, fillComposerDom, } from './mcp-app.js';
|
|
4
|
+
import css from './McpAppFrame.module.css';
|
|
5
|
+
export const ComposerFillContext = createContext(undefined);
|
|
6
|
+
export function useComposerFill() {
|
|
7
|
+
return useContext(ComposerFillContext);
|
|
8
|
+
}
|
|
9
|
+
export const McpAppFrame = memo(function McpAppFrame({ html, title: initialTitle, initialHeight = 240, fillComposer: fillComposerProp, }) {
|
|
10
|
+
const fillComposerFromContext = useComposerFill();
|
|
11
|
+
const writeComposer = useMemo(() => fillComposerProp ?? fillComposerFromContext ?? fillComposerDom, [fillComposerProp, fillComposerFromContext]);
|
|
12
|
+
const iframeRef = useRef(null);
|
|
13
|
+
const lastParamsRef = useRef({});
|
|
14
|
+
const [height, setHeight] = useState(() => Math.max(60, Math.min(2400, initialHeight)));
|
|
15
|
+
const [ready, setReady] = useState(false);
|
|
16
|
+
const [receipt, setReceipt] = useState(null);
|
|
17
|
+
const [lastPrompt, setLastPrompt] = useState(null);
|
|
18
|
+
const [reloadNonce, setReloadNonce] = useState(0);
|
|
19
|
+
const frameId = useId();
|
|
20
|
+
const title = useMemo(() => {
|
|
21
|
+
return initialTitle || extractHtmlTitle(html) || '交互式 MCP App';
|
|
22
|
+
}, [initialTitle, html]);
|
|
23
|
+
// Capture the host theme ONCE for the initial srcDoc. Live theme switches
|
|
24
|
+
// are delivered via postMessage (broadcastTheme), so the srcDoc identity
|
|
25
|
+
// stays stable and the iframe never reloads (which would wipe user state
|
|
26
|
+
// such as checked boxes or selected tabs).
|
|
27
|
+
const [initialTheme] = useState(getHostTheme);
|
|
28
|
+
const preparedHtml = useMemo(() => ensureHtmlDocument(html, initialTheme), [html, initialTheme]);
|
|
29
|
+
const fillComposer = useCallback((params) => {
|
|
30
|
+
const prompt = formatReceiptPrompt(params, title);
|
|
31
|
+
setLastPrompt(prompt);
|
|
32
|
+
try {
|
|
33
|
+
if (writeComposer(prompt))
|
|
34
|
+
return true;
|
|
35
|
+
// Composer refused: leave the prompt visible in the receipt bar and
|
|
36
|
+
// stash a clipboard copy as a fallback.
|
|
37
|
+
try {
|
|
38
|
+
void navigator.clipboard?.writeText(prompt);
|
|
39
|
+
}
|
|
40
|
+
catch {
|
|
41
|
+
// Clipboard unavailable; the visible receipt text remains copyable.
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
catch {
|
|
45
|
+
// Ignore DOM query errors in non-browser environments
|
|
46
|
+
}
|
|
47
|
+
return false;
|
|
48
|
+
}, [title, writeComposer]);
|
|
49
|
+
const handleUserSubmit = useCallback((params) => {
|
|
50
|
+
lastParamsRef.current = params;
|
|
51
|
+
let summary = '';
|
|
52
|
+
if (typeof params.choice === 'string') {
|
|
53
|
+
const desc = typeof params.desc === 'string' ? ` (${params.desc})` : '';
|
|
54
|
+
summary = `选择: ${params.choice}${desc}`;
|
|
55
|
+
}
|
|
56
|
+
else if (typeof params.action === 'string') {
|
|
57
|
+
summary = `操作: ${params.action}${params.payload ? ` (${JSON.stringify(params.payload)})` : ''}`;
|
|
58
|
+
}
|
|
59
|
+
else if (typeof params.selectedVariant === 'string') {
|
|
60
|
+
summary = `方案: ${params.selectedVariant}`;
|
|
61
|
+
}
|
|
62
|
+
else {
|
|
63
|
+
summary = JSON.stringify(params);
|
|
64
|
+
}
|
|
65
|
+
setReceipt(summary);
|
|
66
|
+
// Populate DSH composer with natural prompt and trigger React input state
|
|
67
|
+
fillComposer(params);
|
|
68
|
+
}, [fillComposer]);
|
|
69
|
+
useEffect(() => {
|
|
70
|
+
const handleMessage = (event) => {
|
|
71
|
+
const iframe = iframeRef.current;
|
|
72
|
+
if (!iframe || event.source !== iframe.contentWindow)
|
|
73
|
+
return;
|
|
74
|
+
const data = event.data;
|
|
75
|
+
if (!data || typeof data !== 'object')
|
|
76
|
+
return;
|
|
77
|
+
// Protocol SEP-1865 JSON-RPC 2.0
|
|
78
|
+
const currentTheme = getHostTheme();
|
|
79
|
+
const cssTokens = getCssTokens(currentTheme);
|
|
80
|
+
// 1. ui/initialize (View -> Host)
|
|
81
|
+
if (data.method === 'ui/initialize') {
|
|
82
|
+
const response = {
|
|
83
|
+
jsonrpc: '2.0',
|
|
84
|
+
id: data.id,
|
|
85
|
+
result: {
|
|
86
|
+
protocolVersion: '2026-01-26',
|
|
87
|
+
hostContext: {
|
|
88
|
+
theme: currentTheme,
|
|
89
|
+
locale: 'zh-CN',
|
|
90
|
+
styles: {
|
|
91
|
+
variables: cssTokens,
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
},
|
|
95
|
+
};
|
|
96
|
+
iframe.contentWindow?.postMessage(response, '*');
|
|
97
|
+
setReady(true);
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
// 2. ui/ready or initialized notification
|
|
101
|
+
if (data.method === 'ui/ready' || data.method === 'ui/notifications/initialized') {
|
|
102
|
+
setReady(true);
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
// 3. ui/resize
|
|
106
|
+
if (data.method === 'ui/resize' && data.params?.height) {
|
|
107
|
+
const h = Number(data.params.height);
|
|
108
|
+
if (Number.isFinite(h) && h > 0) {
|
|
109
|
+
setHeight(Math.max(60, Math.min(2400, Math.round(h))));
|
|
110
|
+
}
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
// 4. ui/submit or ui/update-model-context
|
|
114
|
+
if (data.method === 'ui/submit' || data.method === 'ui/update-model-context') {
|
|
115
|
+
const params = data.params || {};
|
|
116
|
+
handleUserSubmit(params);
|
|
117
|
+
return;
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
window.addEventListener('message', handleMessage);
|
|
121
|
+
// Broadcast live theme changes to running iframe
|
|
122
|
+
const broadcastTheme = () => {
|
|
123
|
+
const newTheme = getHostTheme();
|
|
124
|
+
const tokens = getCssTokens(newTheme);
|
|
125
|
+
iframeRef.current?.contentWindow?.postMessage({
|
|
126
|
+
jsonrpc: '2.0',
|
|
127
|
+
method: 'ui/notifications/host-context-changed',
|
|
128
|
+
params: {
|
|
129
|
+
theme: newTheme,
|
|
130
|
+
styles: { variables: tokens },
|
|
131
|
+
},
|
|
132
|
+
}, '*');
|
|
133
|
+
};
|
|
134
|
+
let observer = null;
|
|
135
|
+
if (typeof MutationObserver !== 'undefined' && typeof document !== 'undefined') {
|
|
136
|
+
observer = new MutationObserver(broadcastTheme);
|
|
137
|
+
if (document.body) {
|
|
138
|
+
observer.observe(document.body, { attributes: true, attributeFilter: ['data-ds-dark-theme', 'class', 'style', 'data-theme'] });
|
|
139
|
+
}
|
|
140
|
+
if (document.documentElement) {
|
|
141
|
+
observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme', 'class', 'style'] });
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
const media = typeof window !== 'undefined' && window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null;
|
|
145
|
+
media?.addEventListener?.('change', broadcastTheme);
|
|
146
|
+
return () => {
|
|
147
|
+
window.removeEventListener('message', handleMessage);
|
|
148
|
+
observer?.disconnect();
|
|
149
|
+
media?.removeEventListener?.('change', broadcastTheme);
|
|
150
|
+
};
|
|
151
|
+
}, [handleUserSubmit]);
|
|
152
|
+
const handleFrameLoad = useCallback(() => {
|
|
153
|
+
const iframe = iframeRef.current;
|
|
154
|
+
if (!iframe)
|
|
155
|
+
return;
|
|
156
|
+
// Proactive Host -> View initialize notification for boilerplate compatibility
|
|
157
|
+
const currentTheme = getHostTheme();
|
|
158
|
+
const cssTokens = getCssTokens(currentTheme);
|
|
159
|
+
iframe.contentWindow?.postMessage({
|
|
160
|
+
jsonrpc: '2.0',
|
|
161
|
+
method: 'ui/initialize',
|
|
162
|
+
params: {
|
|
163
|
+
theme: currentTheme,
|
|
164
|
+
locale: 'zh-CN',
|
|
165
|
+
styles: {
|
|
166
|
+
variables: cssTokens,
|
|
167
|
+
},
|
|
168
|
+
},
|
|
169
|
+
}, '*');
|
|
170
|
+
setReady(true);
|
|
171
|
+
}, []);
|
|
172
|
+
const handleReload = useCallback(() => {
|
|
173
|
+
setReloadNonce(n => n + 1);
|
|
174
|
+
setReady(false);
|
|
175
|
+
setReceipt(null);
|
|
176
|
+
}, []);
|
|
177
|
+
return (_jsxs("div", { className: css.card, "data-mcp-app-card": true, "data-testid": "mcp-app-card", children: [_jsxs("div", { className: css.header, children: [_jsxs("div", { className: css.titleArea, children: [_jsx("span", { className: css.icon, "aria-hidden": "true", children: _jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), _jsx("path", { d: "M3 9h18" }), _jsx("path", { d: "M9 21V9" })] }) }), _jsx("span", { className: css.title, title: title, children: title })] }), _jsx("div", { className: css.actions, children: _jsx("button", { type: "button", className: css.iconBtn, onClick: handleReload, title: "\u91CD\u7F6E\u7EC4\u4EF6\u72B6\u6001", "aria-label": "\u91CD\u7F6E\u7EC4\u4EF6\u72B6\u6001", children: _jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), _jsx("path", { d: "M3 3v5h5" }), _jsx("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }), _jsx("path", { d: "M16 16h5v5" })] }) }) })] }), _jsx("div", { className: css.iframeWrapper, style: { height: `${height}px` }, children: _jsx("iframe", { ref: iframeRef, className: css.iframe, title: title, srcDoc: preparedHtml, sandbox: "allow-scripts allow-forms", referrerPolicy: "no-referrer", onLoad: handleFrameLoad }, `${frameId}-${reloadNonce}`) }), receipt && (_jsxs("div", { className: css.receipt, "data-testid": "mcp-app-receipt", children: [_jsxs("span", { className: css.receiptSummary, children: [_jsx("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }), _jsxs("span", { children: ["\u5DF2\u5C31\u7EEA\uFF1A", receipt] })] }), lastPrompt && (_jsx("div", { className: css.receiptPrompt, title: lastPrompt, children: lastPrompt })), _jsx("div", { className: css.receiptHint, children: _jsxs("button", { type: "button", className: css.sendKbd, title: "\u628A\u8FD9\u6761\u7ED3\u679C\u91CD\u65B0\u586B\u5165\u8F93\u5165\u6846\uFF0C\u7136\u540E\u56DE\u8F66\u53D1\u9001", onClick: () => {
|
|
178
|
+
fillComposer(lastParamsRef.current);
|
|
179
|
+
}, children: [_jsx("span", { children: "\u586B\u5165\u8F93\u5165\u6846" }), _jsx("kbd", { children: "\u21B5" })] }) })] }))] }));
|
|
180
|
+
});
|
|
181
|
+
/**
|
|
182
|
+
* Markdown code-fence mount point: picks the session composer writer from
|
|
183
|
+
* React context (provided by Blocks) without changing the markdown
|
|
184
|
+
* pipeline's signatures.
|
|
185
|
+
*/
|
|
186
|
+
export function McpAppCodeBlock({ html, title, initialHeight }) {
|
|
187
|
+
const fillComposer = useComposerFill();
|
|
188
|
+
return _jsx(McpAppFrame, { html: html, title: title, initialHeight: initialHeight, fillComposer: fillComposer });
|
|
189
|
+
}
|
|
190
|
+
export function StreamingMcpAppPlaceholder({ title }) {
|
|
191
|
+
return (_jsxs("div", { className: css.streamingPlaceholder, children: [_jsx("span", { className: css.pulseDot, "aria-hidden": "true" }), _jsxs("span", { children: ["\u6B63\u5728\u751F\u6210\u4EA4\u4E92\u7EC4\u4EF6", title ? `(${title})` : '', "..."] })] }));
|
|
192
|
+
}
|
|
193
|
+
//# sourceMappingURL=McpAppFrame.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"McpAppFrame.js","sourceRoot":"","sources":["../../../src/client/McpAppFrame.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Reader.d.ts","sourceRoot":"","sources":["../../../src/client/Reader.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,YAAY,CAAC;AA4hBhE,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAyOxC"}
|