@tutti-os/workspace-app-center 0.0.37 → 0.0.39

package/dist/ui/index.d.ts

@@ -62,6 +62,7 @@ interface AppCenterHostActions {
     readonly retryFactoryValidation?: (jobId: string) => Promise<void> | void;
     readonly retryApp?: (appId: string) => Promise<void> | void;
     readonly restartAndOpenApp?: (appId: string) => Promise<void> | void;
+    readonly shouldConfirmAppUpdate?: (appId: string) => boolean;
     readonly updateApp?: (appId: string, trigger: "badge_button" | "primary_action") => Promise<void> | void;
     readonly uninstallApp?: (appId: string) => Promise<void> | void;
 }

package/dist/ui/index.js

@@ -522,11 +522,6 @@ import {
   Select,
   SelectContent,
   SelectItem,
-  SelectSplitColumn,
-  SelectSplitColumnItems,
-  SelectSplitColumnLabel,
-  SelectSplitDivider,
-  SelectSplitLayout,
   SelectTrigger,
   SelectValue,
   SectionTabs,
@@ -823,7 +818,8 @@ function AppCenterPanel({
         if (!app) {
           return;
         }
-        if (app.installed && app.status === "running") {
+        const shouldConfirmUpdate = app.installed && app.status === "running" && (actions.shouldConfirmAppUpdate?.(app.id) ?? true);
+        if (shouldConfirmUpdate) {
           setPendingUpdateApp({
             id: app.id,
             name: app.name,
@@ -1321,21 +1317,48 @@ function AppCenterPanel({
                                   }
                                 ),
                                 /* @__PURE__ */ jsx2(
-                                  FactoryModelReasoningDropdown,
+                                  FactoryOptionDropdown,
                                   {
-                                    copy,
+                                    ariaLabel: copy.t("factory.labels.model"),
+                                    emptyMessage: copy.t("factory.messages.noModelOptions"),
+                                    loading: providerConfigurationStatus === "loading",
+                                    loadingMessage: copy.t(
+                                      "factory.messages.loadingConfiguration"
+                                    ),
+                                    open: openFactorySettingsMenu === "model",
+                                    options: modelOptions,
+                                    selectedValue: selectedModel,
+                                    triggerClassName: "h-6 w-auto max-w-full border-0 bg-transparent px-1.5 text-[11px] font-medium text-[var(--text-secondary)] shadow-none hover:bg-transparent focus-visible:bg-transparent",
+                                    onOpenChange: (nextOpen) => setOpenFactorySettingsMenu(nextOpen ? "model" : null),
+                                    onSelectValue: setSelectedModel
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx2(
+                                  "div",
+                                  {
+                                    "aria-hidden": "true",
+                                    className: "h-4 w-px bg-[var(--line-2)]"
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx2(
+                                  FactoryOptionDropdown,
+                                  {
+                                    ariaLabel: copy.t("factory.labels.reasoningEffort"),
+                                    emptyMessage: copy.t(
+                                      "factory.messages.noReasoningEffortOptions"
+                                    ),
                                     loading: providerConfigurationStatus === "loading",
-                                    modelOptions,
-                                    open: openFactorySettingsMenu === "modelReasoning",
-                                    reasoningEffortOptions,
-                                    selectedModel,
-                                    selectedReasoningEffort,
+                                    loadingMessage: copy.t(
+                                      "factory.messages.loadingConfiguration"
+                                    ),
+                                    open: openFactorySettingsMenu === "reasoning",
+                                    options: reasoningEffortOptions,
+                                    selectedValue: selectedReasoningEffort,
                                     triggerClassName: "h-6 w-auto max-w-full border-0 bg-transparent px-1.5 text-[11px] font-medium text-[var(--text-secondary)] shadow-none hover:bg-transparent focus-visible:bg-transparent",
                                     onOpenChange: (nextOpen) => setOpenFactorySettingsMenu(
-                                      nextOpen ? "modelReasoning" : null
+                                      nextOpen ? "reasoning" : null
                                     ),
-                                    onSelectModel: setSelectedModel,
-                                    onSelectReasoningEffort: setSelectedReasoningEffort
+                                    onSelectValue: setSelectedReasoningEffort
                                   }
                                 )
                               ] })
@@ -1512,37 +1535,20 @@ function FactoryPermissionDropdown({
     }
   );
 }
-function FactoryModelReasoningDropdown({
-  copy,
+function FactoryOptionDropdown({
+  ariaLabel,
+  emptyMessage,
   loading,
-  modelOptions,
+  loadingMessage,
   onOpenChange,
-  onSelectModel,
-  onSelectReasoningEffort,
+  onSelectValue,
   open,
-  reasoningEffortOptions,
-  selectedModel,
-  selectedReasoningEffort,
+  options,
+  selectedValue,
   triggerClassName
 }) {
-  const showModelSection = modelOptions.length > 0;
-  const showReasoningSection = reasoningEffortOptions.length > 0;
-  const disabled = loading || !showModelSection && !showReasoningSection;
-  const selectedModelLabel = modelOptions.find((option) => option.value === selectedModel)?.label ?? selectedModel;
-  const selectedReasoningLabel = reasoningEffortOptions.find(
-    (option) => option.value === selectedReasoningEffort
-  )?.label ?? selectedReasoningEffort;
-  const triggerLabel = [selectedModelLabel, selectedReasoningLabel].filter((value) => value.trim().length > 0).join(" ");
-  const selectedValue = showModelSection ? selectedModel ? `model:${selectedModel}` : "" : selectedReasoningEffort ? `reasoning:${selectedReasoningEffort}` : "";
-  const applySettingsValue = (nextValue) => {
-    if (nextValue.startsWith("reasoning:")) {
-      onSelectReasoningEffort(nextValue.slice("reasoning:".length));
-      return;
-    }
-    if (nextValue.startsWith("model:")) {
-      onSelectModel(nextValue.slice("model:".length));
-    }
-  };
+  const disabled = loading || options.length === 0;
+  const selectedLabel = options.find((option) => option.value === selectedValue)?.label ?? selectedValue;
   return /* @__PURE__ */ jsxs2(
     Select,
     {
@@ -1550,60 +1556,29 @@ function FactoryModelReasoningDropdown({
       open,
       value: selectedValue,
       onOpenChange,
-      onValueChange: applySettingsValue,
+      onValueChange: onSelectValue,
       children: [
         /* @__PURE__ */ jsx2(
           SelectTrigger,
           {
-            "aria-label": copy.t("factory.labels.modelReasoning"),
+            "aria-label": ariaLabel,
             className: cn2(
               "h-9 max-w-full rounded-[999px] border border-[color:var(--line-2)] bg-[var(--background-panel)] px-3 text-[13px] font-medium text-[var(--text-primary)] shadow-none hover:bg-[var(--transparency-block)] [&>svg:last-child]:opacity-70",
               loading ? "animate-pulse rounded-none border-transparent bg-transparent px-1 opacity-100 shadow-none hover:bg-transparent disabled:bg-transparent disabled:opacity-100" : null,
               disabled && !loading ? "cursor-not-allowed text-[var(--text-tertiary)] opacity-60 hover:bg-[var(--background-panel)]" : null,
               triggerClassName
             ),
-            children: /* @__PURE__ */ jsx2("span", { className: "flex min-w-0 items-center gap-2 overflow-hidden", children: triggerLabel ? selectedModelLabel && selectedReasoningLabel ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-              /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: selectedModelLabel }),
-              /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-[var(--text-secondary)]", children: selectedReasoningLabel })
-            ] }) : /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: triggerLabel }) : /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate text-[var(--text-tertiary)]", children: loading ? copy.t("factory.messages.loadingConfiguration") : copy.t("factory.messages.noConfigurationOptions") }) })
+            children: /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: selectedLabel ? selectedLabel : /* @__PURE__ */ jsx2("span", { className: "text-[var(--text-tertiary)]", children: loading ? loadingMessage : emptyMessage }) })
           }
         ),
         /* @__PURE__ */ jsx2(
           SelectContent,
           {
             align: "end",
-            className: cn2(
-              "max-w-[min(100vw-32px,460px)] data-[side=top]:!translate-y-0",
-              showModelSection && showReasoningSection ? "w-[430px]" : "w-max min-w-[240px]"
-            ),
+            className: "w-max min-w-[200px] max-w-[min(100vw-32px,320px)] data-[side=top]:!translate-y-0",
             sideOffset: 4,
             style: { zIndex: "var(--z-dialog-popover)" },
-            children: showModelSection && showReasoningSection ? /* @__PURE__ */ jsxs2(SelectSplitLayout, { children: [
-              /* @__PURE__ */ jsxs2(SelectSplitColumn, { children: [
-                /* @__PURE__ */ jsx2(SelectSplitColumnLabel, { children: copy.t("factory.labels.model") }),
-                /* @__PURE__ */ jsx2(SelectSplitColumnItems, { children: modelOptions.map((option) => /* @__PURE__ */ jsx2(
-                  SelectItem,
-                  {
-                    value: `model:${option.value}`,
-                    children: /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: option.label })
-                  },
-                  option.value
-                )) })
-              ] }),
-              /* @__PURE__ */ jsx2(SelectSplitDivider, {}),
-              /* @__PURE__ */ jsxs2(SelectSplitColumn, { children: [
-                /* @__PURE__ */ jsx2(SelectSplitColumnLabel, { children: copy.t("factory.labels.reasoningEffort") }),
-                /* @__PURE__ */ jsx2(SelectSplitColumnItems, { children: reasoningEffortOptions.map((option) => /* @__PURE__ */ jsx2(
-                  SelectItem,
-                  {
-                    forceSelectedIndicator: selectedReasoningEffort === option.value,
-                    value: `reasoning:${option.value}`,
-                    children: /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: option.label })
-                  },
-                  option.value
-                )) })
-              ] })
-            ] }) : showModelSection ? modelOptions.map((option) => /* @__PURE__ */ jsx2(SelectItem, { value: `model:${option.value}`, children: /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: option.label }) }, option.value)) : showReasoningSection ? reasoningEffortOptions.map((option) => /* @__PURE__ */ jsx2(SelectItem, { value: `reasoning:${option.value}`, children: /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: option.label }) }, option.value)) : /* @__PURE__ */ jsx2(SelectItem, { disabled: true, value: "__empty__", children: copy.t("factory.messages.noConfigurationOptions") })
+            children: options.length > 0 ? options.map((option) => /* @__PURE__ */ jsx2(SelectItem, { value: option.value, children: /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: option.label }) }, option.value)) : /* @__PURE__ */ jsx2(SelectItem, { disabled: true, value: "__empty__", children: emptyMessage })
           }
         )
       ]