@industry-theme/alexandria-panels 0.3.0 → 0.3.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.
Files changed (4) hide show
  1. package/dist/panels/LocalProjectsPanel/index.d.ts.map +1 -1
  2. package/dist/panels.bundle.js +33 -26
  3. package/dist/panels.bundle.js.map +1 -1
  4. 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.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/* 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/* 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}"));
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
  }