@industry-theme/alexandria-panels 0.3.0 → 0.3.2

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.
Files changed (5) hide show
  1. package/dist/panels/LocalProjectsPanel/index.d.ts.map +1 -1
  2. package/dist/panels/WorkspaceCollectionPanel/index.d.ts.map +1 -1
  3. package/dist/panels.bundle.js +78 -61
  4. package/dist/panels.bundle.js.map +1 -1
  5. package/package.json +1 -1
package/dist/panels/LocalProjectsPanel/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/LocalProjectsPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,OAAO,0BAA0B,CAAC;AAClC,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EACV,4BAA4B,EAG7B,MAAM,SAAS,CAAC;AAgBjB,MAAM,WAAW,uBAAwB,SAAQ,4BAA4B;IAC3E,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAu4BD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAIhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EA6C7C,CAAC;AAGF,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/LocalProjectsPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,OAAO,0BAA0B,CAAC;AAClC,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EACV,4BAA4B,EAG7B,MAAM,SAAS,CAAC;AAgBjB,MAAM,WAAW,uBAAwB,SAAQ,4BAA4B;IAC3E,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA84BD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAIhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EA6C7C,CAAC;AAGF,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
package/dist/panels/WorkspaceCollectionPanel/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/WorkspaceCollectionPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,OAAO,KAAK,EAEV,kCAAkC,EACnC,MAAM,SAAS,CAAC;AAEjB,OAAO,sBAAsB,CAAC;AAI9B,MAAM,WAAW,6BAA8B,SAAQ,kCAAkC;IACvF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AA0gCD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,6BAA6B,CAG9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAsCnD,CAAC;AAGF,YAAY,EACV,SAAS,EACT,wBAAwB,EACxB,oCAAoC,EACpC,+BAA+B,EAC/B,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panels/WorkspaceCollectionPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,OAAO,KAAK,EAEV,kCAAkC,EACnC,MAAM,SAAS,CAAC;AAEjB,OAAO,sBAAsB,CAAC;AAI9B,MAAM,WAAW,6BAA8B,SAAQ,kCAAkC;IACvF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAohCD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,6BAA6B,CAG9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAsCnD,CAAC;AAGF,YAAY,EACV,SAAS,EACT,wBAAwB,EACxB,oCAAoC,EACpC,+BAA+B,EAC/B,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}
package/dist/panels.bundle.js CHANGED
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode("/* Spin animation for scanning button */\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Container query for responsive LocalProjectCard */\n.local-projects-panel {\n container-type: inline-size;\n container-name: local-projects;\n height: 100%;\n}\n\n/* Animated underline that grows from left on hover */\n.local-project-card .project-name-underline {\n position: relative;\n text-decoration: none;\n}\n\n.local-project-card .project-name-underline::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: -3px;\n width: 0;\n height: 2px;\n background-color: var(--underline-color);\n transition: width 0.2s ease-out;\n}\n\n.local-project-card:hover .project-name-underline::after {\n width: 100%;\n}\n\n/* Compact mode when container is 400px or less */\n@container local-projects (max-width: 400px) {\n .local-projects-panel {\n padding: 8px !important;\n gap: 8px !important;\n }\n\n .local-projects-list {\n gap: 8px !important;\n }\n\n .local-project-card {\n padding: 8px !important;\n }\n}\n/* Shared Panel Styles */\n\n/* Header button hover states */\n.header-button {\n transition:\n color 0.2s ease,\n background-color 0.2s ease,\n border-color 0.2s ease;\n}\n\n.header-button:not(.active):hover {\n color: var(--theme-text) !important;\n}\n\n/* Search input focus state */\n.search-input:focus {\n border-color: var(--theme-primary) !important;\n}\n\n/* Clear filter button hover */\n.clear-filter-button {\n transition: color 0.2s ease;\n}\n\n.clear-filter-button:hover {\n color: var(--theme-text) !important;\n}\n\n/* Search overlay animation - grows from right to left */\n.search-overlay {\n animation: searchExpand 0.2s ease-out forwards;\n}\n\n@keyframes searchExpand {\n from {\n clip-path: inset(0 0 0 100%);\n }\n to {\n clip-path: inset(0 0 0 0);\n }\n}"));
6
+ elementStyle.appendChild(document.createTextNode("/* Spin animation for scanning button */\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Container query for responsive LocalProjectCard */\n.local-projects-panel {\n container-type: inline-size;\n container-name: local-projects;\n height: 100%;\n}\n\n/* Animated underline that grows from left on hover */\n.local-project-card .project-name-underline {\n position: relative;\n text-decoration: none;\n}\n\n.local-project-card .project-name-underline::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: -3px;\n width: 0;\n height: 2px;\n background-color: var(--underline-color);\n transition: width 0.2s ease-out;\n}\n\n.local-project-card:hover .project-name-underline::after {\n width: 100%;\n}\n\n/* Compact mode when container is 400px or less */\n@container local-projects (max-width: 400px) {\n .local-projects-panel {\n padding: 8px !important;\n gap: 8px !important;\n }\n\n .local-projects-list {\n gap: 8px !important;\n }\n\n .local-project-card {\n padding: 8px !important;\n }\n}\n/* Shared Panel Styles */\n\n/* Header action buttons - background change on hover */\n.header-action-button {\n transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s !important;\n}\n\n.header-action-button:hover:not(:disabled) {\n background-color: var(--button-hover-bg) !important;\n}\n\n/* Add project button - also show border on hover */\n.add-project-button {\n border: 1px solid transparent !important;\n}\n\n.add-project-button:hover:not(:disabled) {\n border-color: var(--add-button-border-color) !important;\n}\n\n/* Header button hover states */\n.header-button {\n transition:\n color 0.2s ease,\n background-color 0.2s ease,\n border-color 0.2s ease;\n}\n\n.header-button:not(.active):hover {\n color: var(--theme-text) !important;\n}\n\n/* Search input focus state */\n.search-input:focus {\n border-color: var(--theme-primary) !important;\n}\n\n/* Clear filter button hover */\n.clear-filter-button {\n transition: color 0.2s ease;\n}\n\n.clear-filter-button:hover {\n color: var(--theme-text) !important;\n}\n\n/* Search overlay animation - grows from right to left */\n.search-overlay {\n animation: searchExpand 0.2s ease-out forwards;\n}\n\n@keyframes searchExpand {\n from {\n clip-path: inset(0 0 0 100%);\n }\n to {\n clip-path: inset(0 0 0 0);\n }\n}"));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -8906,6 +8906,7 @@ const LocalProjectsPanelContent = ({
8906
8906
  /* @__PURE__ */ jsx(
8907
8907
  "button",
8908
8908
  {
8909
+ className: "header-action-button",
8909
8910
  onClick: () => setViewMode(viewMode === "list" ? "tree" : "list"),
8910
8911
  title: viewMode === "list" ? "Switch to tree view" : "Switch to list view",
8911
8912
  style: {
@@ -8913,14 +8914,14 @@ const LocalProjectsPanelContent = ({
8913
8914
  height: "40px",
8914
8915
  borderRadius: "0",
8915
8916
  border: "none",
8916
- backgroundColor: theme.colors.backgroundSecondary,
8917
+ backgroundColor: theme.colors.background,
8917
8918
  color: theme.colors.textSecondary,
8918
8919
  cursor: "pointer",
8919
8920
  display: "flex",
8920
8921
  alignItems: "center",
8921
8922
  justifyContent: "center",
8922
- transition: "all 0.2s",
8923
- flexShrink: 0
8923
+ flexShrink: 0,
8924
+ ["--button-hover-bg"]: theme.colors.backgroundSecondary
8924
8925
  },
8925
8926
  children: viewMode === "list" ? /* @__PURE__ */ jsx(GitFork, { size: 16 }) : /* @__PURE__ */ jsx(List, { size: 16 })
8926
8927
  }
@@ -8928,6 +8929,7 @@ const LocalProjectsPanelContent = ({
8928
8929
  /* @__PURE__ */ jsx(
8929
8930
  "button",
8930
8931
  {
8932
+ className: "header-action-button",
8931
8933
  onClick: handleScanForRepos,
8932
8934
  disabled: isScanning,
8933
8935
  title: "Scan for repositories",
@@ -8936,15 +8938,15 @@ const LocalProjectsPanelContent = ({
8936
8938
  height: "40px",
8937
8939
  borderRadius: "0",
8938
8940
  border: "none",
8939
- backgroundColor: theme.colors.backgroundSecondary,
8941
+ backgroundColor: theme.colors.background,
8940
8942
  color: theme.colors.textSecondary,
8941
8943
  cursor: isScanning ? "default" : "pointer",
8942
8944
  display: "flex",
8943
8945
  alignItems: "center",
8944
8946
  justifyContent: "center",
8945
8947
  opacity: isScanning ? 0.6 : 1,
8946
- transition: "all 0.2s",
8947
- flexShrink: 0
8948
+ flexShrink: 0,
8949
+ ["--button-hover-bg"]: theme.colors.backgroundSecondary
8948
8950
  },
8949
8951
  children: /* @__PURE__ */ jsx(
8950
8952
  RefreshCw,
@@ -8960,6 +8962,7 @@ const LocalProjectsPanelContent = ({
8960
8962
  panelActions.selectDirectory && /* @__PURE__ */ jsx(
8961
8963
  "button",
8962
8964
  {
8965
+ className: "header-action-button add-project-button",
8963
8966
  onClick: handleAddProject,
8964
8967
  disabled: isAdding,
8965
8968
  title: "Add existing project",
@@ -8967,16 +8970,16 @@ const LocalProjectsPanelContent = ({
8967
8970
  padding: "0 12px",
8968
8971
  height: "40px",
8969
8972
  borderRadius: "0",
8970
- border: "none",
8971
- backgroundColor: theme.colors.primary,
8972
- color: theme.colors.background,
8973
+ backgroundColor: theme.colors.background,
8974
+ color: theme.colors.primary,
8973
8975
  cursor: isAdding ? "default" : "pointer",
8974
8976
  display: "flex",
8975
8977
  alignItems: "center",
8976
8978
  justifyContent: "center",
8977
8979
  opacity: isAdding ? 0.6 : 1,
8978
- transition: "opacity 0.2s",
8979
- flexShrink: 0
8980
+ flexShrink: 0,
8981
+ ["--button-hover-bg"]: theme.colors.backgroundSecondary,
8982
+ ["--add-button-border-color"]: theme.colors.primary
8980
8983
  },
8981
8984
  children: /* @__PURE__ */ jsx(Plus, { size: 16 })
8982
8985
  }
@@ -9047,10 +9050,10 @@ const LocalProjectsPanelContent = ({
9047
9050
  /* @__PURE__ */ jsx(
9048
9051
  "button",
9049
9052
  {
9050
- className: `header-button ${showSearch ? "active" : ""}`,
9053
+ className: `header-button header-action-button ${showSearch ? "active" : ""}`,
9051
9054
  onClick: handleToggleSearch,
9052
9055
  style: {
9053
- background: showSearch ? theme.colors.backgroundSecondary : "none",
9056
+ background: showSearch ? theme.colors.backgroundSecondary : theme.colors.background,
9054
9057
  border: "none",
9055
9058
  borderRadius: "0",
9056
9059
  cursor: "pointer",
@@ -9060,7 +9063,8 @@ const LocalProjectsPanelContent = ({
9060
9063
  alignItems: "center",
9061
9064
  justifyContent: "center",
9062
9065
  color: showSearch ? theme.colors.primary : theme.colors.textSecondary,
9063
- ["--theme-text"]: theme.colors.text
9066
+ ["--theme-text"]: theme.colors.text,
9067
+ ["--button-hover-bg"]: theme.colors.backgroundSecondary
9064
9068
  },
9065
9069
  title: showSearch ? "Close search" : "Search projects",
9066
9070
  children: /* @__PURE__ */ jsx(Search, { size: 16 })
@@ -9069,6 +9073,7 @@ const LocalProjectsPanelContent = ({
9069
9073
  /* @__PURE__ */ jsx(
9070
9074
  "button",
9071
9075
  {
9076
+ className: "header-action-button",
9072
9077
  onClick: () => setViewMode(viewMode === "list" ? "tree" : "list"),
9073
9078
  title: viewMode === "list" ? "Switch to tree view" : "Switch to list view",
9074
9079
  style: {
@@ -9076,14 +9081,14 @@ const LocalProjectsPanelContent = ({
9076
9081
  height: "40px",
9077
9082
  borderRadius: "0",
9078
9083
  border: "none",
9079
- backgroundColor: theme.colors.backgroundSecondary,
9084
+ backgroundColor: theme.colors.background,
9080
9085
  color: theme.colors.textSecondary,
9081
9086
  cursor: "pointer",
9082
9087
  display: "flex",
9083
9088
  alignItems: "center",
9084
9089
  justifyContent: "center",
9085
- transition: "all 0.2s",
9086
- flexShrink: 0
9090
+ flexShrink: 0,
9091
+ ["--button-hover-bg"]: theme.colors.backgroundSecondary
9087
9092
  },
9088
9093
  children: viewMode === "list" ? /* @__PURE__ */ jsx(GitFork, { size: 16 }) : /* @__PURE__ */ jsx(List, { size: 16 })
9089
9094
  }
@@ -9091,6 +9096,7 @@ const LocalProjectsPanelContent = ({
9091
9096
  /* @__PURE__ */ jsx(
9092
9097
  "button",
9093
9098
  {
9099
+ className: "header-action-button",
9094
9100
  onClick: handleScanForRepos,
9095
9101
  disabled: isScanning,
9096
9102
  title: "Scan for repositories",
@@ -9099,15 +9105,15 @@ const LocalProjectsPanelContent = ({
9099
9105
  height: "40px",
9100
9106
  borderRadius: "0",
9101
9107
  border: "none",
9102
- backgroundColor: theme.colors.backgroundSecondary,
9108
+ backgroundColor: theme.colors.background,
9103
9109
  color: theme.colors.textSecondary,
9104
9110
  cursor: isScanning ? "default" : "pointer",
9105
9111
  display: "flex",
9106
9112
  alignItems: "center",
9107
9113
  justifyContent: "center",
9108
9114
  opacity: isScanning ? 0.6 : 1,
9109
- transition: "all 0.2s",
9110
- flexShrink: 0
9115
+ flexShrink: 0,
9116
+ ["--button-hover-bg"]: theme.colors.backgroundSecondary
9111
9117
  },
9112
9118
  children: /* @__PURE__ */ jsx(
9113
9119
  RefreshCw,
@@ -9123,6 +9129,7 @@ const LocalProjectsPanelContent = ({
9123
9129
  panelActions.selectDirectory && /* @__PURE__ */ jsx(
9124
9130
  "button",
9125
9131
  {
9132
+ className: "header-action-button add-project-button",
9126
9133
  onClick: handleAddProject,
9127
9134
  disabled: isAdding,
9128
9135
  title: "Add existing project",
@@ -9130,16 +9137,16 @@ const LocalProjectsPanelContent = ({
9130
9137
  padding: "0 12px",
9131
9138
  height: "40px",
9132
9139
  borderRadius: "0",
9133
- border: "none",
9134
- backgroundColor: theme.colors.primary,
9135
- color: theme.colors.background,
9140
+ backgroundColor: theme.colors.background,
9141
+ color: theme.colors.primary,
9136
9142
  cursor: isAdding ? "default" : "pointer",
9137
9143
  display: "flex",
9138
9144
  alignItems: "center",
9139
9145
  justifyContent: "center",
9140
9146
  opacity: isAdding ? 0.6 : 1,
9141
- transition: "opacity 0.2s",
9142
- flexShrink: 0
9147
+ flexShrink: 0,
9148
+ ["--button-hover-bg"]: theme.colors.backgroundSecondary,
9149
+ ["--add-button-border-color"]: theme.colors.primary
9143
9150
  },
9144
9151
  children: /* @__PURE__ */ jsx(Plus, { size: 16 })
9145
9152
  }
@@ -10469,11 +10476,12 @@ const WorkspaceCollectionPanelContent = ({
10469
10476
  position: "relative",
10470
10477
  height: "40px",
10471
10478
  minHeight: "40px",
10472
- padding: defaultShowSearch && showSearch ? "0 16px 0 8px" : "0 16px",
10479
+ padding: "0",
10473
10480
  borderBottom: `1px solid ${theme.colors.border}`,
10474
10481
  display: "flex",
10475
10482
  alignItems: "center",
10476
- boxSizing: "border-box"
10483
+ boxSizing: "border-box",
10484
+ backgroundColor: theme.colors.background
10477
10485
  },
10478
10486
  children: defaultShowSearch && showSearch && repositories.length > 0 ? /* @__PURE__ */ jsxs(
10479
10487
  "div",
@@ -10481,7 +10489,7 @@ const WorkspaceCollectionPanelContent = ({
10481
10489
  style: {
10482
10490
  display: "flex",
10483
10491
  alignItems: "center",
10484
- gap: "8px",
10492
+ gap: "0",
10485
10493
  width: "100%"
10486
10494
  },
10487
10495
  children: [
@@ -10518,12 +10526,13 @@ const WorkspaceCollectionPanelContent = ({
10518
10526
  autoFocus: true,
10519
10527
  style: {
10520
10528
  width: "100%",
10521
- padding: "6px 32px 6px 32px",
10529
+ padding: "0 32px",
10530
+ height: "40px",
10522
10531
  fontSize: `${theme.fontSizes[1]}px`,
10523
10532
  color: theme.colors.text,
10524
10533
  backgroundColor: theme.colors.background,
10525
- border: `1px solid ${theme.colors.border}`,
10526
- borderRadius: "4px",
10534
+ border: "none",
10535
+ borderRadius: "0",
10527
10536
  outline: "none",
10528
10537
  fontFamily: theme.fonts.body,
10529
10538
  transition: "border-color 0.2s ease",
@@ -10555,23 +10564,25 @@ const WorkspaceCollectionPanelContent = ({
10555
10564
  ]
10556
10565
  }
10557
10566
  ),
10558
- /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ jsx(
10567
+ /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "0" }, children: /* @__PURE__ */ jsx(
10559
10568
  "button",
10560
10569
  {
10570
+ className: "header-action-button",
10561
10571
  onClick: toggleSort,
10562
10572
  style: {
10563
- padding: "4px 10px",
10564
- height: "30px",
10565
- borderRadius: "4px",
10566
- border: `1px solid ${theme.colors.border}`,
10567
- background: theme.colors.backgroundSecondary,
10573
+ padding: "0 12px",
10574
+ height: "40px",
10575
+ borderRadius: "0",
10576
+ border: "none",
10577
+ backgroundColor: theme.colors.background,
10568
10578
  color: theme.colors.text,
10569
10579
  fontSize: `${theme.fontSizes[1]}px`,
10570
10580
  fontFamily: theme.fonts.body,
10571
10581
  cursor: "pointer",
10572
10582
  display: "flex",
10573
10583
  alignItems: "center",
10574
- gap: "4px"
10584
+ gap: "4px",
10585
+ ["--button-hover-bg"]: theme.colors.backgroundSecondary
10575
10586
  },
10576
10587
  children: sortField === "name" ? "A-Z" : "Recent"
10577
10588
  }
@@ -10587,6 +10598,7 @@ const WorkspaceCollectionPanelContent = ({
10587
10598
  alignItems: "center",
10588
10599
  justifyContent: "space-between",
10589
10600
  width: "100%",
10601
+ padding: "0 0 0 12px",
10590
10602
  visibility: showSearch ? "hidden" : "visible"
10591
10603
  },
10592
10604
  children: [
@@ -10616,7 +10628,7 @@ const WorkspaceCollectionPanelContent = ({
10616
10628
  color: theme.colors.textSecondary,
10617
10629
  padding: "2px 8px",
10618
10630
  borderRadius: "12px",
10619
- backgroundColor: theme.colors.background
10631
+ backgroundColor: theme.colors.backgroundSecondary
10620
10632
  },
10621
10633
  children: repositories.length
10622
10634
  }
@@ -10627,25 +10639,26 @@ const WorkspaceCollectionPanelContent = ({
10627
10639
  repositories.length > 0 && /* @__PURE__ */ jsxs(
10628
10640
  "div",
10629
10641
  {
10630
- style: { display: "flex", alignItems: "center", gap: "8px" },
10642
+ style: { display: "flex", alignItems: "center", gap: "0" },
10631
10643
  children: [
10632
10644
  /* @__PURE__ */ jsx(
10633
10645
  "button",
10634
10646
  {
10635
- className: `header-button ${showSearch ? "active" : ""}`,
10647
+ className: `header-button header-action-button ${showSearch ? "active" : ""}`,
10636
10648
  onClick: handleToggleSearch,
10637
10649
  style: {
10638
- background: showSearch ? theme.colors.backgroundSecondary : "none",
10639
- border: `1px solid ${showSearch ? theme.colors.border : "transparent"}`,
10640
- borderRadius: "4px",
10650
+ background: showSearch ? theme.colors.backgroundSecondary : theme.colors.background,
10651
+ border: "none",
10652
+ borderRadius: "0",
10641
10653
  cursor: "pointer",
10642
- padding: "4px 8px",
10643
- height: "30px",
10654
+ padding: "0 12px",
10655
+ height: "40px",
10644
10656
  display: "flex",
10645
10657
  alignItems: "center",
10646
10658
  justifyContent: "center",
10647
10659
  color: showSearch ? theme.colors.primary : theme.colors.textSecondary,
10648
- ["--theme-text"]: theme.colors.text
10660
+ ["--theme-text"]: theme.colors.text,
10661
+ ["--button-hover-bg"]: theme.colors.backgroundSecondary
10649
10662
  },
10650
10663
  title: showSearch ? "Close search" : "Search repositories",
10651
10664
  children: /* @__PURE__ */ jsx(Search, { size: 16 })
@@ -10654,20 +10667,22 @@ const WorkspaceCollectionPanelContent = ({
10654
10667
  /* @__PURE__ */ jsx(
10655
10668
  "button",
10656
10669
  {
10670
+ className: "header-action-button",
10657
10671
  onClick: toggleSort,
10658
10672
  style: {
10659
- padding: "4px 10px",
10660
- height: "30px",
10661
- borderRadius: "4px",
10662
- border: `1px solid ${theme.colors.border}`,
10663
- background: theme.colors.backgroundSecondary,
10673
+ padding: "0 12px",
10674
+ height: "40px",
10675
+ borderRadius: "0",
10676
+ border: "none",
10677
+ backgroundColor: theme.colors.background,
10664
10678
  color: theme.colors.text,
10665
10679
  fontSize: `${theme.fontSizes[1]}px`,
10666
10680
  fontFamily: theme.fonts.body,
10667
10681
  cursor: "pointer",
10668
10682
  display: "flex",
10669
10683
  alignItems: "center",
10670
- gap: "4px"
10684
+ gap: "4px",
10685
+ ["--button-hover-bg"]: theme.colors.backgroundSecondary
10671
10686
  },
10672
10687
  children: sortField === "name" ? "A-Z" : "Recent"
10673
10688
  }
@@ -10690,8 +10705,8 @@ const WorkspaceCollectionPanelContent = ({
10690
10705
  bottom: 0,
10691
10706
  display: "flex",
10692
10707
  alignItems: "center",
10693
- padding: "0 16px",
10694
- backgroundColor: theme.colors.backgroundSecondary,
10708
+ padding: "0",
10709
+ backgroundColor: theme.colors.background,
10695
10710
  zIndex: 10
10696
10711
  },
10697
10712
  children: [
@@ -10728,12 +10743,13 @@ const WorkspaceCollectionPanelContent = ({
10728
10743
  autoFocus: true,
10729
10744
  style: {
10730
10745
  width: "100%",
10731
- padding: "6px 32px 6px 32px",
10746
+ padding: "0 32px",
10747
+ height: "40px",
10732
10748
  fontSize: `${theme.fontSizes[1]}px`,
10733
10749
  color: theme.colors.text,
10734
10750
  backgroundColor: theme.colors.background,
10735
- border: `1px solid ${theme.colors.border}`,
10736
- borderRadius: "4px",
10751
+ border: "none",
10752
+ borderRadius: "0",
10737
10753
  outline: "none",
10738
10754
  fontFamily: theme.fonts.body,
10739
10755
  transition: "border-color 0.2s ease",
@@ -10773,8 +10789,9 @@ const WorkspaceCollectionPanelContent = ({
10773
10789
  background: "none",
10774
10790
  border: "none",
10775
10791
  cursor: "pointer",
10776
- padding: "4px",
10777
- marginLeft: "8px",
10792
+ padding: "0 12px",
10793
+ height: "40px",
10794
+ marginLeft: "0",
10778
10795
  display: "flex",
10779
10796
  alignItems: "center",
10780
10797
  justifyContent: "center",