@workflow-code/cli 0.2.4-20261013003.codex-studio-integration → 0.2.4-20261013005.codex-studio-integration

package/dist/web/resource-preview.css

@@ -70,6 +70,7 @@ summary:focus-visible {
 }
 .project-heading {
   min-width: 0;
+  flex: 1;
 }
 #assistant-folder {
   display: block;
@@ -107,6 +108,9 @@ h1 {
 .project-name {
   color: var(--muted);
   font-size: 10px;
+  max-width: 160px;
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
 }
 .toolbar-actions {
@@ -131,6 +135,15 @@ h1 {
 .icon-button:hover:not(:disabled) {
   background: var(--vscode-toolbar-hoverBackground);
 }
+.usage-button {
+  width: auto;
+  gap: 6px;
+  padding: 0 8px;
+  color: var(--vscode-textLink-foreground);
+  white-space: nowrap;
+  font-size: 12px;
+  font-weight: 500;
+}
 .toolbar-actions [aria-expanded=true] {
   background: var(--vscode-toolbar-activeBackground, var(--vscode-toolbar-hoverBackground));
 }
@@ -1304,6 +1317,52 @@ main {
   overflow: auto;
   padding: 16px;
 }
+.project-information-name {
+  margin: 0 0 8px;
+  font-size: 18px;
+  line-height: 1.4;
+  overflow-wrap: anywhere;
+}
+.project-information-description {
+  margin: 0 0 16px;
+  color: var(--muted);
+  line-height: 1.6;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.project-information-section {
+  padding: 10px 0;
+  border-top: 1px solid var(--border);
+}
+.project-information-section summary {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 28px;
+  font-weight: 500;
+  cursor: pointer;
+  overflow-wrap: anywhere;
+}
+.project-information-section[open] summary > .codicon {
+  transform: rotate(90deg);
+}
+.project-information-section dl {
+  display: grid;
+  grid-template-columns: minmax(80px, 130px) minmax(0, 1fr);
+  gap: 12px 16px;
+  margin: 12px 0 4px;
+  line-height: 1.5;
+}
+.project-information-section dt {
+  color: var(--muted);
+  overflow-wrap: anywhere;
+}
+.project-information-section dd {
+  margin: 0;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  user-select: text;
+}
 .action-dialog {
   width: min(380px, calc(100vw - 32px));
 }
@@ -1348,25 +1407,122 @@ main {
 .permissions-table td:not(:first-child) {
   text-align: center;
 }
+.usage-balance {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 8px 10px;
+  padding: 4px 0 20px;
+}
+.usage-balance > span {
+  flex-basis: 100%;
+  color: var(--muted);
+  font-size: 12px;
+}
+.usage-balance > strong {
+  font-size: 28px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  overflow-wrap: anywhere;
+}
+.usage-balance small {
+  color: var(--muted);
+  font-size: 11px;
+}
+.usage-status {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 52px;
+  margin: 0;
+  color: var(--muted);
+  overflow-wrap: anywhere;
+}
+.usage-status.error {
+  color: var(--vscode-errorForeground);
+}
+.usage-status > .codicon-loading {
+  animation: spin 1.2s linear infinite;
+}
 .usage-plan {
-  padding: 12px 0;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 16px;
+  padding: 18px 0;
   border-top: 1px solid var(--border);
 }
 .usage-plan h3 {
-  margin: 0 0 12px;
-  font-size: 13px;
+  grid-column: 1 / -1;
+  margin: 0;
+  font-size: 14px;
+  overflow-wrap: anywhere;
 }
-.usage-plan > div {
+.usage-period {
   display: grid;
-  gap: 6px;
-  margin: 12px 0;
+  align-content: start;
+  gap: 10px;
+  min-width: 0;
   font-size: 12px;
 }
+.usage-period-heading {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.usage-period-heading > span {
+  color: var(--muted);
+}
+.usage-period-amount {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 4px;
+  font-variant-numeric: tabular-nums;
+  overflow-wrap: anywhere;
+}
+.usage-period-amount > strong {
+  font-size: 18px;
+  font-weight: 600;
+}
+.usage-period-amount > span,
+.usage-period-remaining {
+  color: var(--muted);
+}
 .usage-plan progress {
+  appearance: none;
   width: 100%;
-  height: 6px;
+  height: 8px;
+  border: 0;
+  border-radius: 4px;
+  overflow: hidden;
+  background: var(--vscode-textCodeBlock-background);
+  color: var(--vscode-progressBar-background);
   accent-color: var(--vscode-progressBar-background);
 }
+.usage-plan progress::-webkit-progress-bar {
+  background: var(--vscode-textCodeBlock-background);
+}
+.usage-plan progress::-webkit-progress-value {
+  background: var(--vscode-progressBar-background);
+}
+.usage-plan progress::-moz-progress-bar {
+  background: var(--vscode-progressBar-background);
+}
+.usage-period[data-status=near-limit] {
+  --vscode-progressBar-background: var(--vscode-editorWarning-foreground);
+}
+.usage-period[data-status=exhausted] {
+  --vscode-progressBar-background: var(--vscode-errorForeground);
+}
+.usage-period[data-status=near-limit] .usage-period-heading > strong {
+  color: var(--vscode-editorWarning-foreground);
+}
+.usage-period[data-status=exhausted] .usage-period-heading > strong,
+.usage-period[data-status=exhausted] .usage-period-remaining {
+  color: var(--vscode-errorForeground);
+}
 .content-search {
   position: absolute;
   top: 4px;
@@ -1537,6 +1693,20 @@ textarea::placeholder {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.param-action-summary {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--vscode-editor-foreground);
+}
+.param-action:has(.param-action-summary:not([hidden])) .param-action-label {
+  flex-shrink: 0;
+  font-weight: 500;
+}
+.param-action-ai {
+  color: var(--vscode-textLink-foreground);
+}
 .param-action .codicon {
   flex-shrink: 0;
   font-size: 13px;
@@ -1733,12 +1903,9 @@ textarea::placeholder {
 }
 @media (max-width: 680px) {
   #app.menu-open {
-    grid-template-areas: "menu" "main";
+    grid-template-areas: "toolbar" "menu" "main";
     grid-template-columns: minmax(0, 1fr);
-    grid-template-rows: auto minmax(0, 1fr);
-  }
-  .menu-open .toolbar {
-    display: none;
+    grid-template-rows: auto auto minmax(0, 1fr);
   }
   .toolbar {
     padding: 8px 12px;
@@ -1750,6 +1917,9 @@ textarea::placeholder {
   .project-name {
     display: none;
   }
+  .project-icon {
+    display: none;
+  }
   .toolbar-actions {
     gap: 1px;
   }
@@ -1781,6 +1951,15 @@ textarea::placeholder {
     padding: 8px 18px 10px;
   }
 }
+@media (max-width: 520px) {
+  .usage-plan {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 18px;
+  }
+  .usage-period-amount > strong {
+    font-size: 20px;
+  }
+}
 @media (max-width: 420px) {
   .toolbar {
     padding: 8px;
@@ -1788,6 +1967,14 @@ textarea::placeholder {
   .project-title {
     gap: 2px;
   }
+  .usage-button {
+    gap: 4px;
+    padding-inline: 5px;
+  }
+  .project-information-section dl {
+    grid-template-columns: minmax(72px, 95px) minmax(0, 1fr);
+    gap: 10px;
+  }
   h1 {
     font-size: 13px;
   }

package/dist/web/resource-preview.js

@@ -12607,6 +12607,44 @@
     "{0}{1} \xB7 {2} items": "\u5DF2{0}{1} \xB7 {2} \u9879",
     "{1} in {0}": "{0} \u4E2D {1}",
     "Account balance ${0}": "\u8D26\u6237\u4F59\u989D ${0}",
+    "Account balance": "\u8D26\u6237\u4F59\u989D",
+    "AI usage": "AI \u7528\u91CF",
+    All: "\u5168\u90E8",
+    "Basic information": "\u57FA\u672C\u4FE1\u606F",
+    Declarations: "\u58F0\u660E",
+    "Default name": "\u9ED8\u8BA4\u540D\u79F0",
+    "Entrypoints granted": "\u5165\u53E3\u8C03\u7528\u6388\u6743",
+    "Knowledge read granted": "\u77E5\u8BC6\u5E93\u8BFB\u53D6\u6388\u6743",
+    "Knowledge write granted": "\u77E5\u8BC6\u5E93\u5199\u5165\u6388\u6743",
+    "KV read granted": "KV \u8BFB\u53D6\u6388\u6743",
+    "KV write granted": "KV \u5199\u5165\u6388\u6743",
+    "Limit reached": "\u989D\u5EA6\u5DF2\u7528\u5C3D",
+    "Loading usage...": "\u6B63\u5728\u52A0\u8F7D\u7528\u91CF...",
+    Local: "\u672C\u5730",
+    "Local and server": "\u672C\u5730\u4E0E\u670D\u52A1\u5668",
+    "Local path": "\u672C\u5730\u8DEF\u5F84",
+    "Localized names": "\u591A\u8BED\u8A00\u540D\u79F0",
+    "Multiple languages": "\u591A\u8BED\u8A00",
+    "Multiple platforms": "\u591A\u5E73\u53F0",
+    "Not allowed": "\u4E0D\u5141\u8BB8",
+    "Not available": "\u6682\u65E0\u6570\u636E",
+    "Not declared": "\u672A\u58F0\u660E",
+    "Platform independent": "\u5E73\u53F0\u65E0\u5173",
+    "Platform support": "\u5E73\u53F0\u652F\u6301",
+    Prefixes: "\u524D\u7F00",
+    "Project declarations": "\u9879\u76EE\u58F0\u660E",
+    "Project information": "\u9879\u76EE\u4FE1\u606F",
+    "Project type": "\u9879\u76EE\u7C7B\u578B",
+    "Project UUID": "\u9879\u76EE UUID",
+    "Related project: {0}": "\u5173\u8054\u9879\u76EE\uFF1A{0}",
+    "Storage location": "\u5B58\u50A8\u4F4D\u7F6E",
+    "Usage unavailable": "\u6682\u65F6\u65E0\u6CD5\u83B7\u53D6\u7528\u91CF",
+    Used: "\u5DF2\u4F7F\u7528",
+    Version: "\u7248\u672C",
+    "Working directory": "\u5DE5\u4F5C\u76EE\u5F55",
+    "{0} (default)": "{0}\uFF08\u9ED8\u8BA4\uFF09",
+    "{0} remaining": "\u5269\u4F59 {0}",
+    "{0} usage": "{0}\u7528\u91CF",
     "Add attachment": "\u6DFB\u52A0\u9644\u4EF6",
     "Agent run": "Agent \u8FD0\u884C",
     "All chats": "\u5168\u90E8\u804A\u5929",

package/dist/web/theme.css

@@ -23,6 +23,7 @@
   --vscode-textBlockQuote-background: #f6f6f6;
   --vscode-textLink-foreground: #006ab1;
   --vscode-errorForeground: #c72e2e;
+  --vscode-editorWarning-foreground: #9d7500;
   --vscode-button-background: #0078d4;
   --vscode-button-foreground: #ffffff;
   --vscode-button-hoverBackground: #006ab1;
@@ -58,6 +59,7 @@
   --vscode-textBlockQuote-background: #252525;
   --vscode-textLink-foreground: #4daafc;
   --vscode-errorForeground: #f48771;
+  --vscode-editorWarning-foreground: #cca700;
   --vscode-button-secondaryBackground: #333333;
   --vscode-button-secondaryForeground: #cccccc;
   --vscode-editorWidget-background: #252525;
@@ -69,6 +71,14 @@
   --vscode-scrollbarSlider-background: #79797966;
   --vscode-scrollbarSlider-hoverBackground: #646464b3;
 }
-* { scrollbar-width: thin; scrollbar-color: var(--vscode-scrollbarSlider-background) transparent; }
+* { scrollbar-width: thin; scrollbar-color: transparent transparent; }
+::-webkit-scrollbar { width: 10px; height: 10px; }
+::-webkit-scrollbar-track, ::-webkit-scrollbar-corner, ::-webkit-scrollbar-thumb { background-color: transparent; }
+@media (any-hover: hover) {
+  *:hover { scrollbar-color: var(--vscode-scrollbarSlider-background, #79797966) transparent; }
+  :hover::-webkit-scrollbar-thumb { background-color: var(--vscode-scrollbarSlider-background, #79797966); }
+  ::-webkit-scrollbar-thumb:hover { background-color: var(--vscode-scrollbarSlider-hoverBackground, #64646488); }
+  ::-webkit-scrollbar-thumb:active { background-color: var(--vscode-scrollbarSlider-activeBackground, var(--vscode-scrollbarSlider-hoverBackground, #64646488)); }
+}
 #chats { flex: 1; }
 .web-preview { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.6 var(--vscode-editor-font-family); }

package/dist/web/worker.mjs

@@ -91,6 +91,7 @@ try {
           runtime: { coreVersion: coreManifest.version, corePath },
           folderPath,
           name: resolveWorkflowProjectName(pkg.name ?? path.basename(folderPath), projectInfo, language),
+          manifest: Object.fromEntries(['name', 'version', 'description'].filter(key => typeof pkg[key] === 'string').map(key => [key, pkg[key]])),
           projectType: structure.projectType,
           ...parameters(structure),
           entrypoints: (structure.entrypoints ?? []).map((entry) => ({ id: entry.id, title: entry.title, group: entry.group, description: entry.description, execution: entry.execution, ...parameters(entry) })),

package/dist/web/workflow-ui.css

@@ -70,6 +70,7 @@ summary:focus-visible {
 }
 .project-heading {
   min-width: 0;
+  flex: 1;
 }
 #assistant-folder {
   display: block;
@@ -107,6 +108,9 @@ h1 {
 .project-name {
   color: var(--muted);
   font-size: 10px;
+  max-width: 160px;
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
 }
 .toolbar-actions {
@@ -131,6 +135,15 @@ h1 {
 .icon-button:hover:not(:disabled) {
   background: var(--vscode-toolbar-hoverBackground);
 }
+.usage-button {
+  width: auto;
+  gap: 6px;
+  padding: 0 8px;
+  color: var(--vscode-textLink-foreground);
+  white-space: nowrap;
+  font-size: 12px;
+  font-weight: 500;
+}
 .toolbar-actions [aria-expanded=true] {
   background: var(--vscode-toolbar-activeBackground, var(--vscode-toolbar-hoverBackground));
 }
@@ -1304,6 +1317,52 @@ main {
   overflow: auto;
   padding: 16px;
 }
+.project-information-name {
+  margin: 0 0 8px;
+  font-size: 18px;
+  line-height: 1.4;
+  overflow-wrap: anywhere;
+}
+.project-information-description {
+  margin: 0 0 16px;
+  color: var(--muted);
+  line-height: 1.6;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.project-information-section {
+  padding: 10px 0;
+  border-top: 1px solid var(--border);
+}
+.project-information-section summary {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 28px;
+  font-weight: 500;
+  cursor: pointer;
+  overflow-wrap: anywhere;
+}
+.project-information-section[open] summary > .codicon {
+  transform: rotate(90deg);
+}
+.project-information-section dl {
+  display: grid;
+  grid-template-columns: minmax(80px, 130px) minmax(0, 1fr);
+  gap: 12px 16px;
+  margin: 12px 0 4px;
+  line-height: 1.5;
+}
+.project-information-section dt {
+  color: var(--muted);
+  overflow-wrap: anywhere;
+}
+.project-information-section dd {
+  margin: 0;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  user-select: text;
+}
 .action-dialog {
   width: min(380px, calc(100vw - 32px));
 }
@@ -1348,25 +1407,122 @@ main {
 .permissions-table td:not(:first-child) {
   text-align: center;
 }
+.usage-balance {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 8px 10px;
+  padding: 4px 0 20px;
+}
+.usage-balance > span {
+  flex-basis: 100%;
+  color: var(--muted);
+  font-size: 12px;
+}
+.usage-balance > strong {
+  font-size: 28px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  overflow-wrap: anywhere;
+}
+.usage-balance small {
+  color: var(--muted);
+  font-size: 11px;
+}
+.usage-status {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 52px;
+  margin: 0;
+  color: var(--muted);
+  overflow-wrap: anywhere;
+}
+.usage-status.error {
+  color: var(--vscode-errorForeground);
+}
+.usage-status > .codicon-loading {
+  animation: spin 1.2s linear infinite;
+}
 .usage-plan {
-  padding: 12px 0;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 16px;
+  padding: 18px 0;
   border-top: 1px solid var(--border);
 }
 .usage-plan h3 {
-  margin: 0 0 12px;
-  font-size: 13px;
+  grid-column: 1 / -1;
+  margin: 0;
+  font-size: 14px;
+  overflow-wrap: anywhere;
 }
-.usage-plan > div {
+.usage-period {
   display: grid;
-  gap: 6px;
-  margin: 12px 0;
+  align-content: start;
+  gap: 10px;
+  min-width: 0;
   font-size: 12px;
 }
+.usage-period-heading {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.usage-period-heading > span {
+  color: var(--muted);
+}
+.usage-period-amount {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 4px;
+  font-variant-numeric: tabular-nums;
+  overflow-wrap: anywhere;
+}
+.usage-period-amount > strong {
+  font-size: 18px;
+  font-weight: 600;
+}
+.usage-period-amount > span,
+.usage-period-remaining {
+  color: var(--muted);
+}
 .usage-plan progress {
+  appearance: none;
   width: 100%;
-  height: 6px;
+  height: 8px;
+  border: 0;
+  border-radius: 4px;
+  overflow: hidden;
+  background: var(--vscode-textCodeBlock-background);
+  color: var(--vscode-progressBar-background);
   accent-color: var(--vscode-progressBar-background);
 }
+.usage-plan progress::-webkit-progress-bar {
+  background: var(--vscode-textCodeBlock-background);
+}
+.usage-plan progress::-webkit-progress-value {
+  background: var(--vscode-progressBar-background);
+}
+.usage-plan progress::-moz-progress-bar {
+  background: var(--vscode-progressBar-background);
+}
+.usage-period[data-status=near-limit] {
+  --vscode-progressBar-background: var(--vscode-editorWarning-foreground);
+}
+.usage-period[data-status=exhausted] {
+  --vscode-progressBar-background: var(--vscode-errorForeground);
+}
+.usage-period[data-status=near-limit] .usage-period-heading > strong {
+  color: var(--vscode-editorWarning-foreground);
+}
+.usage-period[data-status=exhausted] .usage-period-heading > strong,
+.usage-period[data-status=exhausted] .usage-period-remaining {
+  color: var(--vscode-errorForeground);
+}
 .content-search {
   position: absolute;
   top: 4px;
@@ -1537,6 +1693,20 @@ textarea::placeholder {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.param-action-summary {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--vscode-editor-foreground);
+}
+.param-action:has(.param-action-summary:not([hidden])) .param-action-label {
+  flex-shrink: 0;
+  font-weight: 500;
+}
+.param-action-ai {
+  color: var(--vscode-textLink-foreground);
+}
 .param-action .codicon {
   flex-shrink: 0;
   font-size: 13px;
@@ -1733,12 +1903,9 @@ textarea::placeholder {
 }
 @media (max-width: 680px) {
   #app.menu-open {
-    grid-template-areas: "menu" "main";
+    grid-template-areas: "toolbar" "menu" "main";
     grid-template-columns: minmax(0, 1fr);
-    grid-template-rows: auto minmax(0, 1fr);
-  }
-  .menu-open .toolbar {
-    display: none;
+    grid-template-rows: auto auto minmax(0, 1fr);
   }
   .toolbar {
     padding: 8px 12px;
@@ -1750,6 +1917,9 @@ textarea::placeholder {
   .project-name {
     display: none;
   }
+  .project-icon {
+    display: none;
+  }
   .toolbar-actions {
     gap: 1px;
   }
@@ -1781,6 +1951,15 @@ textarea::placeholder {
     padding: 8px 18px 10px;
   }
 }
+@media (max-width: 520px) {
+  .usage-plan {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 18px;
+  }
+  .usage-period-amount > strong {
+    font-size: 20px;
+  }
+}
 @media (max-width: 420px) {
   .toolbar {
     padding: 8px;
@@ -1788,6 +1967,14 @@ textarea::placeholder {
   .project-title {
     gap: 2px;
   }
+  .usage-button {
+    gap: 4px;
+    padding-inline: 5px;
+  }
+  .project-information-section dl {
+    grid-template-columns: minmax(72px, 95px) minmax(0, 1fr);
+    gap: 10px;
+  }
   h1 {
     font-size: 13px;
   }