@flamingo-stack/openframe-frontend-core 0.0.838 → 0.0.840

package/dist/components/features/software/software-action-form.d.ts

@@ -3,6 +3,7 @@ import { type SoftwareScheduleTiming } from './schedule-fields';
 import { type SoftwareActionKind } from './software-action-copy';
 import { type SoftwareRow } from './software-row';
 import { type PackageSearchSlotProps } from './software-row-fields';
+import { type SoftwareUpdateSettingsValues } from './update-settings-fields';
 /** Run the packages now, or at a scheduled start. */
 export type SoftwareRunMode = 'now' | 'schedule';
 /** Everything the form holds: the packages and when they run. The devices are the host's. */
@@ -12,6 +13,8 @@ export interface SoftwareActionFormValues<TRef extends string = string> {
     date: Date | null;
     time: string;
     timeReference: TRef;
+    /** UPDATE only: "Update Settings". Undefined for INSTALL, and when the form hides them (`showUpdateSettings`). */
+    updateSettings?: SoftwareUpdateSettingsValues;
 }
 /** What the device picker slot is told: which devices the chosen packages can run on. */
 export interface SoftwareDeviceScope {
@@ -54,6 +57,11 @@ export interface SoftwareActionFormProps<TRef extends string = string> {
      * schedule's fields on the same row, so the devices start higher.
      */
     runModeLayout?: 'stacked' | 'inline';
+    /**
+     * UPDATE only: the "Update Settings" block under the timing. Default false, so a host that does not send the
+     * settings yet never shows choices that go nowhere; the host that submits `updateSettings` passes true.
+     */
+    showUpdateSettings?: boolean;
     /** The "Device Selection" heading over the picker. Default true; a host that titles the picker itself passes false. */
     showDeviceHeading?: boolean;
     className?: string;
@@ -67,5 +75,5 @@ export interface SoftwareActionFormProps<TRef extends string = string> {
  * catalog and picking devices are the host's queries, so both are slots: the
  * product passes its data-bound field and picker, a fixture passes static ones.
  */
-export declare function SoftwareActionForm<TRef extends string = string>({ action, onBack, showHeader, onSubmit, submitDisabled, submitting, timing, initialValues, renderPackageSearch, renderDevicePicker, addRows, runModeLayout, showDeviceHeading, className, }: SoftwareActionFormProps<TRef>): import("react").JSX.Element;
+export declare function SoftwareActionForm<TRef extends string = string>({ action, onBack, showHeader, onSubmit, submitDisabled, submitting, timing, initialValues, renderPackageSearch, renderDevicePicker, addRows, runModeLayout, showUpdateSettings, showDeviceHeading, className, }: SoftwareActionFormProps<TRef>): import("react").JSX.Element;
 //# sourceMappingURL=software-action-form.d.ts.map

package/dist/components/features/software/software-action-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"software-action-form.d.ts","sourceRoot":"","sources":["../../../../src/components/features/software/software-action-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAA0B,KAAK,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACxF,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,uBAAuB,CAAC;AAEvF,qDAAqD;AACrD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,UAAU,CAAC;AAEjD,6FAA6F;AAC7F,MAAM,WAAW,wBAAwB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IACpE,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,IAAI,CAAC;CACrB;AAED,yFAAyF;AACzF,MAAM,WAAW,mBAAmB;IAClC,4EAA4E;IAC5E,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IACnE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,gHAAgH;IAChH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,QAAQ,EAAE,CAAC,MAAM,EAAE,wBAAwB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,MAAM,EAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC;IACrC,uGAAuG;IACvG,aAAa,EAAE,OAAO,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,GAAG;QAAE,aAAa,EAAE,IAAI,CAAA;KAAE,CAAC;IACjF,6CAA6C;IAC7C,mBAAmB,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC;IAClE,iEAAiE;IACjE,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC;IAC9D,qGAAqG;IACrG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACrC,uHAAuH;IACvH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,EAAE,EAC/D,MAAM,EACN,MAAM,EACN,UAAiB,EACjB,QAAQ,EACR,cAAsB,EACtB,UAAkB,EAClB,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,OAAc,EACd,aAAyB,EACzB,iBAAwB,EACxB,SAAuE,GACxE,EAAE,uBAAuB,CAAC,IAAI,CAAC,+BAwG/B"}
+{"version":3,"file":"software-action-form.d.ts","sourceRoot":"","sources":["../../../../src/components/features/software/software-action-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAA0B,KAAK,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACxF,OAAO,EAAwB,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,uBAAuB,CAAC;AACvF,OAAO,EAGL,KAAK,4BAA4B,EAClC,MAAM,0BAA0B,CAAC;AAElC,qDAAqD;AACrD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,UAAU,CAAC;AAEjD,6FAA6F;AAC7F,MAAM,WAAW,wBAAwB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IACpE,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,IAAI,CAAC;IACpB,kHAAkH;IAClH,cAAc,CAAC,EAAE,4BAA4B,CAAC;CAC/C;AAED,yFAAyF;AACzF,MAAM,WAAW,mBAAmB;IAClC,4EAA4E;IAC5E,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IACnE,MAAM,EAAE,kBAAkB,CAAC;IAC3B,gHAAgH;IAChH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,QAAQ,EAAE,CAAC,MAAM,EAAE,wBAAwB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,MAAM,EAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC;IACrC,uGAAuG;IACvG,aAAa,EAAE,OAAO,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,GAAG;QAAE,aAAa,EAAE,IAAI,CAAA;KAAE,CAAC;IACjF,6CAA6C;IAC7C,mBAAmB,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC;IAClE,iEAAiE;IACjE,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC;IAC9D,qGAAqG;IACrG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACrC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uHAAuH;IACvH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,EAAE,EAC/D,MAAM,EACN,MAAM,EACN,UAAiB,EACjB,QAAQ,EACR,cAAsB,EACtB,UAAkB,EAClB,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,OAAc,EACd,aAAyB,EACzB,kBAA0B,EAC1B,iBAAwB,EACxB,SAAuE,GACxE,EAAE,uBAAuB,CAAC,IAAI,CAAC,+BAsH/B"}

package/dist/components/features/software/software-action-form.js

@@ -9,6 +9,10 @@ import { SoftwareScheduleFields } from "./schedule-fields.js";
 import { SOFTWARE_ACTION_COPY } from "./software-action-copy.js";
 import { newSoftwareRow } from "./software-row.js";
 import { SoftwareRowFields } from "./software-row-fields.js";
+import {
+  DEFAULT_SOFTWARE_UPDATE_SETTINGS,
+  SoftwareUpdateSettingsFields
+} from "./update-settings-fields.js";
 const INITIAL_ROWS = () => [newSoftwareRow("row-0")];
 function SoftwareActionForm({
   action,
@@ -23,6 +27,7 @@ function SoftwareActionForm({
   renderDevicePicker,
   addRows = true,
   runModeLayout = "stacked",
+  showUpdateSettings = false,
   showDeviceHeading = true,
   className = "px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]"
 }) {
@@ -32,13 +37,24 @@ function SoftwareActionForm({
   const [date, setDate] = useState(initialValues.date ?? null);
   const [time, setTime] = useState(initialValues.time ?? "");
   const [timeReference, setTimeReference] = useState(initialValues.timeReference);
+  const [updateSettings, setUpdateSettings] = useState(
+    () => initialValues.updateSettings ?? DEFAULT_SOFTWARE_UPDATE_SETTINGS
+  );
+  const withUpdateSettings = action === "UPDATE" && showUpdateSettings;
   const osTypesKey = [...new Set(rows.map((row) => PACKAGE_MANAGER_OS[row.packageManager]))].sort().join(",");
   const actions = [
     ...onBack ? [{ label: "Cancel", onClick: onBack, variant: "outline", showOnlyMobile: true }] : [],
     {
       label: mode === "now" ? copy.runLabel : copy.scheduleLabel,
       variant: "accent",
-      onClick: () => onSubmit({ rows, mode, date, time, timeReference }),
+      onClick: () => onSubmit({
+        rows,
+        mode,
+        date,
+        time,
+        timeReference,
+        updateSettings: withUpdateSettings ? updateSettings : void 0
+      }),
       disabled: submitDisabled,
       loading: submitting
     }
@@ -112,6 +128,7 @@ function SoftwareActionForm({
           runModeField,
           scheduleFields
         ] }),
+        withUpdateSettings && /* @__PURE__ */ jsx(SoftwareUpdateSettingsFields, { value: updateSettings, onChange: setUpdateSettings }),
         showDeviceHeading && /* @__PURE__ */ jsx("h2", { className: "pt-[var(--spacing-system-l)] text-ods-text-primary text-h2", children: "Device Selection" }),
         renderDevicePicker({ osTypes: osTypesKey.split(","), osTypesKey })
       ]

package/dist/components/features/software/update-settings-fields.d.ts

@@ -0,0 +1,43 @@
+/** What an update does on a device where the app is running. */
+export type SoftwareUpdateMode = 'WAIT' | 'FORCE';
+/** "If the app is running": one update's behaviour on a device where the app is open. */
+export interface SoftwareUpdatePolicy {
+    mode: SoftwareUpdateMode;
+    /** WAIT only: "Countdown after the deadline". Off, the update waits for the user however long it takes. */
+    deadlineEnabled: boolean;
+    /** WAIT only: seconds after the first try before the countdown starts. */
+    deadlineSeconds: number;
+    /** Seconds of countdown before the app is closed: after the deadline (WAIT) or right away (FORCE). */
+    countdownSeconds: number;
+}
+/** The Update Software form's "Update Settings": this update, and whether later releases follow it. */
+export interface SoftwareUpdateSettingsValues {
+    policy: SoftwareUpdatePolicy;
+    /** "Keep it auto-updated": every new version is installed on the same devices after this update. */
+    autoUpdate: boolean;
+    /** "Same settings for auto-update": auto-updates run with `policy`; off, with `autoUpdatePolicy`. */
+    sameForAutoUpdate: boolean;
+    autoUpdatePolicy: SoftwareUpdatePolicy;
+}
+export declare const SOFTWARE_UPDATE_DEADLINE_OPTIONS: ReadonlyArray<{
+    seconds: number;
+    label: string;
+}>;
+export declare const SOFTWARE_UPDATE_COUNTDOWN_OPTIONS: ReadonlyArray<{
+    seconds: number;
+    label: string;
+}>;
+/** Wait & notify, a countdown 7 days after the first try, 5 minutes long: what the server applies when sent none. */
+export declare const DEFAULT_SOFTWARE_UPDATE_POLICY: SoftwareUpdatePolicy;
+export declare const DEFAULT_SOFTWARE_UPDATE_SETTINGS: SoftwareUpdateSettingsValues;
+export interface SoftwareUpdateSettingsFieldsProps {
+    value: SoftwareUpdateSettingsValues;
+    onChange: (value: SoftwareUpdateSettingsValues) => void;
+}
+/**
+ * Update Software's "Update Settings" (design 988:21462, the separate auto-update
+ * rules 1034:8173): what happens on a device where the app is running, and
+ * whether later releases are installed the same way.
+ */
+export declare function SoftwareUpdateSettingsFields({ value, onChange }: SoftwareUpdateSettingsFieldsProps): import("react").JSX.Element;
+//# sourceMappingURL=update-settings-fields.d.ts.map

package/dist/components/features/software/update-settings-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-settings-fields.d.ts","sourceRoot":"","sources":["../../../../src/components/features/software/update-settings-fields.tsx"],"names":[],"mappings":"AAgBA,gEAAgE;AAChE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,yFAAyF;AACzF,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,kBAAkB,CAAC;IACzB,2GAA2G;IAC3G,eAAe,EAAE,OAAO,CAAC;IACzB,0EAA0E;IAC1E,eAAe,EAAE,MAAM,CAAC;IACxB,sGAAsG;IACtG,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,uGAAuG;AACvG,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,oBAAoB,CAAC;IAC7B,oGAAoG;IACpG,UAAU,EAAE,OAAO,CAAC;IACpB,qGAAqG;IACrG,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,oBAAoB,CAAC;CACxC;AAKD,eAAO,MAAM,gCAAgC,EAAE,aAAa,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAM9F,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,aAAa,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAK/F,CAAC;AAEF,qHAAqH;AACrH,eAAO,MAAM,8BAA8B,EAAE,oBAK5C,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,4BAK9C,CAAC;AAqHF,MAAM,WAAW,iCAAiC;IAChD,KAAK,EAAE,4BAA4B,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;CACzD;AAED;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iCAAiC,+BAkElG"}

package/dist/components/features/software/update-settings-fields.js

@@ -0,0 +1,202 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { InfoCircleIcon } from "../../icons-v2-generated/index.js";
+import {
+  Alert,
+  CheckboxBlock,
+  Label,
+  RadioGroupBlock,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../ui/index.js";
+const DAY = 24 * 60 * 60;
+const MINUTE = 60;
+const SOFTWARE_UPDATE_DEADLINE_OPTIONS = [
+  { seconds: DAY, label: "1 day after the first try" },
+  { seconds: 3 * DAY, label: "3 days after the first try" },
+  { seconds: 7 * DAY, label: "7 days after the first try" },
+  { seconds: 14 * DAY, label: "14 days after the first try" },
+  { seconds: 30 * DAY, label: "30 days after the first try" }
+];
+const SOFTWARE_UPDATE_COUNTDOWN_OPTIONS = [
+  { seconds: MINUTE, label: "1 minute" },
+  { seconds: 5 * MINUTE, label: "5 minutes" },
+  { seconds: 15 * MINUTE, label: "15 minutes" },
+  { seconds: 30 * MINUTE, label: "30 minutes" }
+];
+const DEFAULT_SOFTWARE_UPDATE_POLICY = {
+  mode: "WAIT",
+  deadlineEnabled: true,
+  deadlineSeconds: 7 * DAY,
+  countdownSeconds: 5 * MINUTE
+};
+const DEFAULT_SOFTWARE_UPDATE_SETTINGS = {
+  policy: DEFAULT_SOFTWARE_UPDATE_POLICY,
+  autoUpdate: true,
+  sameForAutoUpdate: true,
+  autoUpdatePolicy: DEFAULT_SOFTWARE_UPDATE_POLICY
+};
+const MODE_OPTIONS = [
+  {
+    value: "WAIT",
+    label: "Wait & notify",
+    description: "The user gets Update now or Ask Later. If they close the app, it updates then."
+  },
+  {
+    value: "FORCE",
+    label: "Force Update",
+    description: "The user gets a short countdown, then the app closes and updates."
+  }
+];
+const SAME_SETTINGS_DESCRIPTION = {
+  WAIT: 'Auto-updates follow "If the app is running" above. Uncheck to set them separately.',
+  FORCE: "Later releases will also be force-updated."
+};
+const groupLabelClass = "text-h5 text-ods-text-secondary";
+function SecondsSelect({
+  label,
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
+    /* @__PURE__ */ jsx(Label, { className: "text-h4", children: label }),
+    /* @__PURE__ */ jsxs(Select, { value: String(value), onValueChange: (next) => onChange(Number(next)), children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": label, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: String(option.seconds), children: option.label }, option.seconds)) })
+    ] })
+  ] });
+}
+function UpdatePolicyFields({
+  name,
+  label,
+  policy,
+  onChange
+}) {
+  const waits = policy.mode === "WAIT";
+  const deadline = waits && policy.deadlineEnabled;
+  const countdown = /* @__PURE__ */ jsx(
+    SecondsSelect,
+    {
+      label: "Countdown",
+      value: policy.countdownSeconds,
+      options: SOFTWARE_UPDATE_COUNTDOWN_OPTIONS,
+      onChange: (countdownSeconds) => onChange({ ...policy, countdownSeconds })
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--spacing-system-m)]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--spacing-system-xxs)]", children: [
+      /* @__PURE__ */ jsx("span", { className: groupLabelClass, children: label }),
+      /* @__PURE__ */ jsx(
+        RadioGroupBlock,
+        {
+          name,
+          "aria-label": label,
+          variant: "grouped",
+          value: policy.mode,
+          onValueChange: (mode) => onChange({ ...policy, mode }),
+          options: MODE_OPTIONS,
+          itemClassName: "py-[var(--spacing-system-sf)]"
+        }
+      )
+    ] }),
+    waits ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--spacing-system-xsf)]", children: [
+      /* @__PURE__ */ jsx(
+        CheckboxBlock,
+        {
+          id: `${name}-deadline`,
+          checked: policy.deadlineEnabled,
+          onCheckedChange: (deadlineEnabled) => onChange({ ...policy, deadlineEnabled }),
+          label: "Countdown after the deadline",
+          description: "If the update still isn\u2019t installed by the deadline, the user gets a countdown and then it installs."
+        }
+      ),
+      deadline && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-[var(--spacing-system-lf)] content-md:grid-cols-3 content-md:items-start", children: [
+        /* @__PURE__ */ jsx(
+          SecondsSelect,
+          {
+            label: "Deadline",
+            value: policy.deadlineSeconds,
+            options: SOFTWARE_UPDATE_DEADLINE_OPTIONS,
+            onChange: (deadlineSeconds) => onChange({ ...policy, deadlineSeconds })
+          }
+        ),
+        countdown
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-[var(--spacing-system-lf)] content-md:grid-cols-3", children: countdown })
+  ] });
+}
+function SoftwareUpdateSettingsFields({ value, onChange }) {
+  return /* @__PURE__ */ jsxs("section", { "aria-labelledby": "software-update-settings", className: "flex flex-col gap-[var(--spacing-system-l)]", children: [
+    /* @__PURE__ */ jsx("h2", { id: "software-update-settings", className: "pt-[var(--spacing-system-l)] text-ods-text-primary text-h2", children: "Update Settings" }),
+    /* @__PURE__ */ jsx(
+      UpdatePolicyFields,
+      {
+        name: "updatePolicy",
+        label: "If the app is running",
+        policy: value.policy,
+        onChange: (policy) => onChange({ ...value, policy })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--spacing-system-xxs)]", children: [
+      /* @__PURE__ */ jsx("span", { className: groupLabelClass, children: "Auto-update" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--spacing-system-sf)]", children: [
+        /* @__PURE__ */ jsx(
+          CheckboxBlock,
+          {
+            id: "software-auto-update",
+            checked: value.autoUpdate,
+            onCheckedChange: (autoUpdate) => onChange({ ...value, autoUpdate }),
+            label: "Keep it auto-updated",
+            description: "After this update, OpenFrame installs each new version from Winget or Brew on the selected devices. When off, only this update runs."
+          }
+        ),
+        value.autoUpdate && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            CheckboxBlock,
+            {
+              id: "software-auto-update-same",
+              checked: value.sameForAutoUpdate,
+              onCheckedChange: (sameForAutoUpdate) => onChange({ ...value, sameForAutoUpdate }),
+              label: "Same settings for auto-update",
+              description: SAME_SETTINGS_DESCRIPTION[value.policy.mode]
+            }
+          ),
+          !value.sameForAutoUpdate && /* @__PURE__ */ jsx("div", { className: "rounded-[6px] border border-ods-border p-[var(--spacing-system-m)]", children: /* @__PURE__ */ jsx(
+            UpdatePolicyFields,
+            {
+              name: "autoUpdatePolicy",
+              label: "For auto-updates",
+              policy: value.autoUpdatePolicy,
+              onChange: (autoUpdatePolicy) => onChange({ ...value, autoUpdatePolicy })
+            }
+          ) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Alert,
+      {
+        role: "note",
+        className: "flex items-center gap-[var(--spacing-system-m)] rounded-[6px] border-ods-border bg-ods-card p-[var(--spacing-system-m)]",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-ods-text-secondary", children: /* @__PURE__ */ jsx(InfoCircleIcon, { size: 24, color: "currentColor" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-ods-text-primary text-h3", children: "Apps installed by hand get reinstalled" }),
+            /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: "On the first update, OpenFrame reinstalls them with Winget or Brew so it can keep them updated." })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  DEFAULT_SOFTWARE_UPDATE_POLICY,
+  DEFAULT_SOFTWARE_UPDATE_SETTINGS,
+  SOFTWARE_UPDATE_COUNTDOWN_OPTIONS,
+  SOFTWARE_UPDATE_DEADLINE_OPTIONS,
+  SoftwareUpdateSettingsFields
+};

package/dist/components/help-center-pages/download-apps-page.d.ts

@@ -5,7 +5,7 @@
  *     lists its platforms; it does not hide them behind tabs, so nothing moves
  *     when a visitor looks for another system). In a card the installer is THE
  *     action (the other architecture is a quieter button) and each package
- *     manager is one line under it, with its copy button.
+ *     manager is one row under it, with its copy button.
  *   - The mobile app: the store badges, and the install QR code beside them. The
  *     code and the address it encodes are the server's (`mobile.install`): the
  *     website's install link, which the server answers with a redirect to the

package/dist/components/help-center-pages/download-apps-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"download-apps-page.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/download-apps-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AAoB/B,MAAM,WAAW,qBAAqB;IACpC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACxD;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnE,0GAA0G;IAC1G,GAAG,CAAC,EAAE,qBAAqB,CAAC;CAC7B;AAED,kGAAkG;AAClG,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,MAAM,EAAE,SAAS,CAAC;CACnB;AAwPD,wBAAgB,gBAAgB,CAAC,EAC/B,QAA6B,EAC7B,WAAW,EACX,KAAY,EACZ,UAAkB,EAClB,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,kBAAyB,EACzB,gBAAgB,EAChB,WAAW,EACX,GAAG,GACJ,EAAE,qBAAqB,+BA2FvB"}
+{"version":3,"file":"download-apps-page.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/download-apps-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAErB,MAAM,uBAAuB,CAAC;AAoB/B,MAAM,WAAW,qBAAqB;IACpC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;gFAC4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACxD;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnE,0GAA0G;IAC1G,GAAG,CAAC,EAAE,qBAAqB,CAAC;CAC7B;AAED,kGAAkG;AAClG,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,MAAM,EAAE,SAAS,CAAC;CACnB;AAuPD,wBAAgB,gBAAgB,CAAC,EAC/B,QAA6B,EAC7B,WAAW,EACX,KAAY,EACZ,UAAkB,EAClB,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,kBAAyB,EACzB,gBAAgB,EAChB,WAAW,EACX,GAAG,GACJ,EAAE,qBAAqB,+BA2FvB"}

package/dist/components/help-center-pages/download-apps-page.js

@@ -34,7 +34,7 @@ import { MobileAppQr } from "../ui/mobile-app-qr.js";
 import { AppStoreBadge, GooglePlayBadge, StoreBadgeLinks } from "../ui/store-badges.js";
 const SECTIONS_CLASS = "flex flex-col gap-[var(--spacing-system-xlf)]";
 const SECTION_CLASS = "flex flex-col gap-[var(--spacing-system-lf)]";
-const CARDS_GRID_CLASS = "grid grid-cols-1 gap-[var(--spacing-system-lf)] content-md:grid-cols-2";
+const CARDS_GRID_CLASS = "grid grid-cols-1 gap-[var(--spacing-system-lf)] content-lg:grid-cols-2";
 const cardsGridClass = (cards) => cards > 1 ? CARDS_GRID_CLASS : "grid grid-cols-1";
 const CARD_CLASS = "flex flex-col gap-[var(--spacing-system-lf)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-lf)]";
 const CARD_HEADER_CLASS = "flex items-center gap-[var(--spacing-system-sf)]";
@@ -128,8 +128,7 @@ function SystemCard({
         {
           title: row.label ?? void 0,
           command: row.command,
-          maxLines: 1,
-          commandClassName: "text-ods-accent",
+          commandClassName: "break-words text-ods-accent",
           copyAriaLabel: `Copy the ${row.label ?? "install"} command`,
           onCopy: () => {
             void copy(row.command);