@@ -3002,7 +3028,7 @@ function WorkbarInShell() {
hidden={false}
onDismissPanel={() => collapseRight(true)}
panelsState={layout.panels}
- rightCollapsed={layout.rightCollapsed}
+ rightCollapsed={rightCollapsed}
bottomOpen={layout.bottomOpen}
onActivateTab={(placement, tabId) =>
dispatch({ type: 'activate', placement, tabId })
@@ -3117,3 +3143,78 @@ export const WorkbarCollapseKeepsOneToggleInPlace: Story = {
expect(Math.abs(restoredToggleBox.y - parked.y)).toBeLessThanOrEqual(1);
},
};
+
+const longWorkbarTitle =
+ 'Investigate why the completed plan session title overlaps the token usage dashboard';
+
+const wideWorkbarShare = fn();
+
+export const WorkbarKeepsTitlebarClear: Story = {
+ render: () => (
+
+ ),
+ play: async ({ canvasElement }) => {
+ wideWorkbarShare.mockClear();
+ const canvas = within(canvasElement);
+ const identity = canvasElement.querySelector
(
+ '[data-maka-contract="titlebar-identity"]',
+ );
+ const workbar = canvasElement.querySelector(
+ '.maka-session-workbar[data-placement="right"]:not([data-collapsed])',
+ );
+ if (!identity || !workbar) throw new Error('the titlebar or right workbar is missing');
+
+ await waitFor(() => expect(workbar.getBoundingClientRect().width).toBeCloseTo(600, 0));
+ expect(identity.getBoundingClientRect().right).toBeLessThanOrEqual(
+ workbar.getBoundingClientRect().left,
+ );
+
+ await userEvent.click(canvas.getByRole('button', { name: '分享此任务' }));
+ expect(wideWorkbarShare).toHaveBeenCalledOnce();
+ },
+};
+
+const narrowWorkbarShare = fn();
+
+export const NarrowWorkbarClearsTitlebarReserve: Story = {
+ render: () => (
+
+ ),
+ play: async ({ canvasElement }) => {
+ narrowWorkbarShare.mockClear();
+ const canvas = within(canvasElement);
+ const titlebar = canvasElement.querySelector('.maka-window-titlebar');
+ const detail = canvasElement.querySelector('.maka-detail-with-artifacts');
+ const workbar = canvasElement.querySelector(
+ '.maka-session-workbar[data-placement="right"]:not([data-collapsed])',
+ );
+ if (!titlebar || !detail || !workbar) {
+ throw new Error('the titlebar, detail area, or right workbar is missing');
+ }
+
+ const share = canvas.getByRole('button', { name: '分享此任务' });
+ await waitFor(() =>
+ expect(share.getBoundingClientRect().left).toBeGreaterThanOrEqual(
+ titlebar.getBoundingClientRect().left,
+ ),
+ );
+ expect(workbar.getBoundingClientRect().width).toBeCloseTo(
+ detail.getBoundingClientRect().width,
+ 0,
+ );
+ expect(share.getBoundingClientRect().right).toBeLessThanOrEqual(
+ titlebar.getBoundingClientRect().right,
+ );
+
+ await userEvent.click(share);
+ expect(narrowWorkbarShare).toHaveBeenCalledOnce();
+ },
+};