@tutti-os/agent-gui 0.0.201 → 0.0.202

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.
@@ -7,7 +7,7 @@ import {
7
7
  reconcileProjectedAgentConversationVM,
8
8
  serializeAgentConversationForClipboard,
9
9
  useProjectedAgentConversation
10
- } from "../chunk-ZADHMOME.js";
10
+ } from "../chunk-UVJBQ6WD.js";
11
11
  import "../chunk-XD5NTTFJ.js";
12
12
  import "../chunk-CXC3ROXQ.js";
13
13
  import "../chunk-XJ34OIEQ.js";
package/dist/agent-gui.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  AgentGUI
3
- } from "./chunk-DAP74J63.js";
3
+ } from "./chunk-VZ4QAXXL.js";
4
4
  import "./chunk-LB4AGT7B.js";
5
5
  import "./chunk-A4WCTHWS.js";
6
- import "./chunk-7NUEEGAA.js";
6
+ import "./chunk-X5V6P2EB.js";
7
7
  import "./chunk-KDN6SLJM.js";
8
8
  import "./chunk-4CHBM3G3.js";
9
9
  import "./chunk-CBMWHQ7P.js";
10
10
  import "./chunk-MGSRWYRN.js";
11
11
  import "./chunk-GWKXYGUN.js";
12
- import "./chunk-ZADHMOME.js";
12
+ import "./chunk-UVJBQ6WD.js";
13
13
  import "./chunk-XD5NTTFJ.js";
14
14
  import "./chunk-CXC3ROXQ.js";
15
15
  import "./chunk-UP3ZDYTN.js";
@@ -3747,9 +3747,7 @@ aside.workspace-agents-status-panel
3747
3747
  content: "";
3748
3748
  }
3749
3749
 
3750
- .agent-gui-conversation__message-group:has(
3751
- > .agent-gui-conversation__message-footer
3752
- ) {
3750
+ .agent-gui-conversation__message-group[data-agent-message-footer="true"] {
3753
3751
  margin-bottom: 26px;
3754
3752
  }
3755
3753
 
@@ -3870,9 +3868,7 @@ aside.workspace-agents-status-panel
3870
3868
  }
3871
3869
 
3872
3870
  .agent-gui-node__timeline
3873
- > .agent-gui-conversation__assistant-message-flow:has(
3874
- > .workspace-agents-status-panel__detail-thinking-disclosure:last-child
3875
- )
3871
+ > .agent-gui-conversation__assistant-message-flow[data-agent-message-flow-thinking-last="true"]
3876
3872
  + :is(
3877
3873
  .workspace-agents-status-panel__detail-tool-section,
3878
3874
  .workspace-agents-status-panel__detail-tool-row
@@ -3882,9 +3878,7 @@ aside.workspace-agents-status-panel
3882
3878
  .workspace-agents-status-panel__detail-tool-section,
3883
3879
  .workspace-agents-status-panel__detail-tool-row
3884
3880
  )
3885
- + .agent-gui-conversation__assistant-message-flow:has(
3886
- > .workspace-agents-status-panel__detail-thinking-disclosure:first-child
3887
- ),
3881
+ + .agent-gui-conversation__assistant-message-flow[data-agent-message-flow-thinking-first="true"],
3888
3882
  .agent-gui-node__timeline
3889
3883
  > :is(
3890
3884
  .workspace-agents-status-panel__detail-tool-section,
@@ -3898,63 +3892,23 @@ aside.workspace-agents-status-panel
3898
3892
  }
3899
3893
 
3900
3894
  .agent-gui-node__timeline
3901
- > .agent-gui-transcript-row:has(
3902
- > .agent-gui-conversation__assistant-message-flow
3903
- > .workspace-agents-status-panel__detail-thinking-disclosure:last-child
3904
- )
3905
- + .agent-gui-transcript-row:has(
3906
- > :is(
3907
- .workspace-agents-status-panel__detail-tool-section,
3908
- .workspace-agents-status-panel__detail-tool-row
3909
- )
3910
- ),
3895
+ > .agent-gui-transcript-row[data-agent-transcript-row-thinking-last="true"]
3896
+ + .agent-gui-transcript-row[data-agent-transcript-row-kind="tool-group"],
3911
3897
  .agent-gui-node__timeline
3912
- > .agent-gui-transcript-row:has(
3913
- > :is(
3914
- .workspace-agents-status-panel__detail-tool-section,
3915
- .workspace-agents-status-panel__detail-tool-row
3916
- )
3917
- )
3918
- + .agent-gui-transcript-row:has(
3919
- > .agent-gui-conversation__assistant-message-flow
3920
- > .workspace-agents-status-panel__detail-thinking-disclosure:first-child
3921
- ),
3898
+ > .agent-gui-transcript-row[data-agent-transcript-row-kind="tool-group"]
3899
+ + .agent-gui-transcript-row[data-agent-transcript-row-thinking-first="true"],
3922
3900
  .agent-gui-node__timeline
3923
- > .agent-gui-transcript-row:has(
3924
- > :is(
3925
- .workspace-agents-status-panel__detail-tool-section,
3926
- .workspace-agents-status-panel__detail-tool-row
3927
- )
3928
- )
3929
- + .agent-gui-transcript-row:has(
3930
- > :is(
3931
- .workspace-agents-status-panel__detail-tool-section,
3932
- .workspace-agents-status-panel__detail-tool-row
3933
- )
3934
- ) {
3901
+ > .agent-gui-transcript-row[data-agent-transcript-row-kind="tool-group"]
3902
+ + .agent-gui-transcript-row[data-agent-transcript-row-kind="tool-group"] {
3935
3903
  margin-top: -8px;
3936
3904
  }
3937
3905
 
3938
3906
  .agent-gui-node__timeline
3939
- > .agent-gui-transcript-row:has(
3940
- > .agent-gui-conversation__assistant-message-flow
3941
- )
3942
- + .agent-gui-transcript-row:has(
3943
- > :is(
3944
- .workspace-agents-status-panel__detail-tool-section,
3945
- .workspace-agents-status-panel__detail-tool-row
3946
- )
3947
- ),
3907
+ > .agent-gui-transcript-row[data-agent-transcript-row-speaker="assistant"]
3908
+ + .agent-gui-transcript-row[data-agent-transcript-row-kind="tool-group"],
3948
3909
  .agent-gui-node__timeline
3949
- > .agent-gui-transcript-row:has(
3950
- > :is(
3951
- .workspace-agents-status-panel__detail-tool-section,
3952
- .workspace-agents-status-panel__detail-tool-row
3953
- )
3954
- )
3955
- + .agent-gui-transcript-row:has(
3956
- > .agent-gui-conversation__assistant-message-flow
3957
- ) {
3910
+ > .agent-gui-transcript-row[data-agent-transcript-row-kind="tool-group"]
3911
+ + .agent-gui-transcript-row[data-agent-transcript-row-speaker="assistant"] {
3958
3912
  margin-top: -12px;
3959
3913
  }
3960
3914
 
@@ -4619,17 +4573,16 @@ aside.workspace-agents-status-panel
4619
4573
  transition: none;
4620
4574
  }
4621
4575
 
4622
- .workbench-window:has(
4623
- > .workbench-window__header [data-agent-gui-workbench-header="true"]
4624
- ) {
4576
+ .workbench-window[data-window-header-layout="overlay"],
4577
+ .workbench-window[data-agent-gui-standalone-window="true"] {
4625
4578
  --agent-gui-workbench-header-height: 44px;
4626
4579
 
4627
4580
  grid-template-rows: minmax(0, 1fr);
4628
4581
  }
4629
4582
 
4630
- .workbench-window:has(
4631
- > .workbench-window__header [data-agent-gui-workbench-header="true"]
4632
- )
4583
+ .workbench-window[data-window-header-layout="overlay"]
4584
+ .workbench-window__header,
4585
+ .workbench-window[data-agent-gui-standalone-window="true"]
4633
4586
  .workbench-window__header {
4634
4587
  position: absolute !important;
4635
4588
  top: 0 !important;
@@ -4648,50 +4601,34 @@ aside.workspace-agents-status-panel
4648
4601
  user-select: auto;
4649
4602
  }
4650
4603
 
4651
- .workbench-window:has(
4652
- > .workbench-window__header
4653
- .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
4654
- )
4604
+ .workbench-window[data-agent-gui-standalone-window="true"]
4655
4605
  .workbench-window__header {
4656
4606
  cursor: grab !important;
4657
4607
  }
4658
4608
 
4659
- .workbench-window:has(
4660
- > .workbench-window__header
4661
- .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
4662
- )
4609
+ .workbench-window[data-agent-gui-standalone-window="true"]
4663
4610
  .workbench-window__header:active {
4664
4611
  cursor: grabbing !important;
4665
4612
  }
4666
4613
 
4667
- .workbench-window:has(
4668
- > .workbench-window__header
4669
- .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
4670
- )
4614
+ .workbench-window[data-agent-gui-standalone-window="true"]
4671
4615
  .workbench-window__header {
4672
4616
  z-index: calc(var(--z-panel) + 1);
4673
4617
  }
4674
4618
 
4675
- .workbench-window:has(
4676
- > .workbench-window__header
4677
- .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
4678
- )
4619
+ .workbench-window[data-agent-gui-standalone-window="true"]
4679
4620
  .agent-gui-workbench-header::after {
4680
4621
  display: none;
4681
4622
  }
4682
4623
 
4683
- .workbench-window:has(
4684
- > .workbench-window__header [data-agent-gui-workbench-header="true"]
4685
- )
4624
+ .workbench-window[data-window-header-layout="overlay"] .workbench-window__body,
4625
+ .workbench-window[data-agent-gui-standalone-window="true"]
4686
4626
  .workbench-window__body {
4687
4627
  grid-row: 1;
4688
4628
  overflow: hidden;
4689
4629
  }
4690
4630
 
4691
- .workbench-window:has(
4692
- > .workbench-window__header
4693
- .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
4694
- )
4631
+ .workbench-window[data-agent-gui-standalone-window="true"]
4695
4632
  .workbench-window__body {
4696
4633
  display: flex;
4697
4634
  width: 100%;
@@ -4753,9 +4690,9 @@ aside.workspace-agents-status-panel
4753
4690
  overscroll-behavior: contain;
4754
4691
  }
4755
4692
 
4756
- .workbench-window:has(
4757
- > .workbench-window__header [data-agent-gui-workbench-header="true"]
4758
- )
4693
+ .workbench-window[data-window-header-layout="overlay"]
4694
+ .agent-gui-node__provider-rail-panel,
4695
+ .workbench-window[data-agent-gui-standalone-window="true"]
4759
4696
  .agent-gui-node__provider-rail-panel {
4760
4697
  padding-top: var(--agent-gui-workbench-header-height);
4761
4698
  }
@@ -4764,30 +4701,29 @@ aside.workspace-agents-status-panel
4764
4701
  breathing room on the inner rail, so the "All" tile sits at header + 2px. The
4765
4702
  toolbar has no such wrapper, so fold the same 2px into its offset to keep the
4766
4703
  search field top aligned with the provider tiles. */
4767
- .workbench-window:has(
4768
- > .workbench-window__header [data-agent-gui-workbench-header="true"]
4769
- )
4704
+ .workbench-window[data-window-header-layout="overlay"]
4705
+ .agent-gui-node__rail-toolbar,
4706
+ .workbench-window[data-agent-gui-standalone-window="true"]
4770
4707
  .agent-gui-node__rail-toolbar {
4771
4708
  padding-top: calc(var(--agent-gui-workbench-header-height) + 2px);
4772
4709
  }
4773
4710
 
4774
- .workbench-window:has(
4775
- > .workbench-window__header [data-agent-gui-workbench-header="true"]
4776
- )
4711
+ .workbench-window[data-window-header-layout="overlay"]
4712
+ .agent-gui-node__detail-panel,
4713
+ .workbench-window[data-agent-gui-standalone-window="true"]
4777
4714
  .agent-gui-node__detail-panel {
4778
4715
  position: relative;
4779
4716
  }
4780
4717
 
4781
- .workbench-window:has(
4782
- > .workbench-window__header [data-agent-gui-workbench-header="true"]
4783
- )
4718
+ .workbench-window[data-window-header-layout="overlay"] .agent-gui-node__detail,
4719
+ .workbench-window[data-agent-gui-standalone-window="true"]
4784
4720
  .agent-gui-node__detail {
4785
4721
  padding-top: var(--agent-gui-workbench-header-height);
4786
4722
  }
4787
4723
 
4788
- .workbench-window:has(
4789
- > .workbench-window__header [data-agent-gui-workbench-header="true"]
4790
- )
4724
+ .workbench-window[data-window-header-layout="overlay"]
4725
+ .agent-gui-node__timeline-with-composer,
4726
+ .workbench-window[data-agent-gui-standalone-window="true"]
4791
4727
  .agent-gui-node__timeline-with-composer {
4792
4728
  padding-top: 20px;
4793
4729
  }
@@ -5280,15 +5216,9 @@ aside.workspace-agents-status-panel
5280
5216
  pointer-events: auto;
5281
5217
  }
5282
5218
 
5283
- .workbench-window:has(
5284
- > .workbench-window__header
5285
- .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
5286
- )
5219
+ .workbench-window[data-agent-gui-standalone-window="true"]
5287
5220
  .agent-gui-workbench-header__session-title,
5288
- .workbench-window:has(
5289
- > .workbench-window__header
5290
- .agent-gui-workbench-header[data-agent-gui-standalone-window-header="true"]
5291
- )
5221
+ .workbench-window[data-agent-gui-standalone-window="true"]
5292
5222
  .agent-gui-workbench-header__detail-title {
5293
5223
  box-sizing: border-box;
5294
5224
  width: auto;
@@ -5389,7 +5319,7 @@ aside.workspace-agents-status-panel
5389
5319
  margin-left: -4px;
5390
5320
  }
5391
5321
 
5392
- .workbench-window:has([data-workbench-node-render-error="true"])
5322
+ .agent-gui-workbench-header[data-agent-gui-workbench-header-body-error="true"]
5393
5323
  .agent-gui-workbench-header__rail-toggle {
5394
5324
  display: none !important;
5395
5325
  }
@@ -5570,9 +5500,9 @@ aside.workspace-agents-status-panel
5570
5500
  );
5571
5501
  }
5572
5502
 
5573
- .workbench-window:has(
5574
- > .workbench-window__header [data-agent-gui-workbench-header="true"]
5575
- )
5503
+ .workbench-window[data-window-header-layout="overlay"]
5504
+ .agent-gui-node__provider-rail-panel::after,
5505
+ .workbench-window[data-agent-gui-standalone-window="true"]
5576
5506
  .agent-gui-node__provider-rail-panel::after {
5577
5507
  top: var(--agent-gui-workbench-header-height);
5578
5508
  }
@@ -7669,6 +7669,8 @@ function AgentMessageBlock({
7669
7669
  "div",
7670
7670
  {
7671
7671
  className: isUser ? AgentGUIConversation_styles_default.userMessageFlow : AgentGUIConversation_styles_default.assistantMessageFlow,
7672
+ "data-agent-message-flow-thinking-first": !isUser && row.thinking.length > 0 ? "true" : void 0,
7673
+ "data-agent-message-flow-thinking-last": !isUser && row.thinking.length > 0 && row.messages.length === 0 ? "true" : void 0,
7672
7674
  children: [
7673
7675
  thinkingContent,
7674
7676
  row.messages.map((message) => {
@@ -7786,19 +7788,28 @@ function AgentCopyableMessageGroup({
7786
7788
  }) {
7787
7789
  "use memo";
7788
7790
  const timestamp = formatAgentMessageTimestamp(occurredAtUnixMs);
7789
- return /* @__PURE__ */ jsxs10("div", { className: AgentGUIConversation_styles_default.messageGroup, "data-agent-message-speaker": speaker, children: [
7790
- children,
7791
- timestamp || copyText ? /* @__PURE__ */ jsxs10("div", { className: AgentGUIConversation_styles_default.messageFooter, children: [
7792
- timestamp ? /* @__PURE__ */ jsx18("span", { className: AgentGUIConversation_styles_default.messageTimestamp, children: timestamp }) : null,
7793
- copyText ? /* @__PURE__ */ jsx18(
7794
- AgentMessageCopyButton,
7795
- {
7796
- copyText,
7797
- onCopyMessageText
7798
- }
7799
- ) : null
7800
- ] }) : null
7801
- ] });
7791
+ const hasFooter = Boolean(timestamp || copyText);
7792
+ return /* @__PURE__ */ jsxs10(
7793
+ "div",
7794
+ {
7795
+ className: AgentGUIConversation_styles_default.messageGroup,
7796
+ "data-agent-message-footer": hasFooter ? "true" : void 0,
7797
+ "data-agent-message-speaker": speaker,
7798
+ children: [
7799
+ children,
7800
+ hasFooter ? /* @__PURE__ */ jsxs10("div", { className: AgentGUIConversation_styles_default.messageFooter, children: [
7801
+ timestamp ? /* @__PURE__ */ jsx18("span", { className: AgentGUIConversation_styles_default.messageTimestamp, children: timestamp }) : null,
7802
+ copyText ? /* @__PURE__ */ jsx18(
7803
+ AgentMessageCopyButton,
7804
+ {
7805
+ copyText,
7806
+ onCopyMessageText
7807
+ }
7808
+ ) : null
7809
+ ] }) : null
7810
+ ]
7811
+ }
7812
+ );
7802
7813
  }
7803
7814
  function AgentMessageCopyButton({
7804
7815
  copyText,
@@ -15434,6 +15445,9 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
15434
15445
  className: "agent-gui-transcript-row",
15435
15446
  "data-agent-transcript-row": rowKey,
15436
15447
  "data-agent-transcript-row-kind": row.kind,
15448
+ "data-agent-transcript-row-speaker": row.kind === "message" ? row.speaker : void 0,
15449
+ "data-agent-transcript-row-thinking-first": row.kind === "message" && row.speaker === "assistant" && row.thinking.length > 0 ? "true" : void 0,
15450
+ "data-agent-transcript-row-thinking-last": row.kind === "message" && row.speaker === "assistant" && row.thinking.length > 0 && row.messages.length === 0 ? "true" : void 0,
15437
15451
  "data-agent-transcript-row-index": rowIndex,
15438
15452
  "data-agent-transcript-row-enter": shouldAnimateEnter ? "true" : void 0,
15439
15453
  children: /* @__PURE__ */ jsx69(
@@ -15690,4 +15704,4 @@ export {
15690
15704
  AgentConversationFlow,
15691
15705
  useProjectedAgentConversation
15692
15706
  };
15693
- //# sourceMappingURL=chunk-ZADHMOME.js.map
15707
+ //# sourceMappingURL=chunk-UVJBQ6WD.js.map