@object-ui/app-shell 11.3.0 → 11.5.0

package/dist/views/studio-design/PackageIdInput.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Package-identifier input shared by the three package wizards (switcher
+ * create, landing create, landing duplicate). Fixes the dogfood wizard
+ * findings (framework#2615 P2): illegal characters are still normalized
+ * away, but no longer silently — a notice says so — and while the value
+ * doesn't parse as a package id yet, an inline hint spells out the
+ * reverse-domain format instead of leaving the user staring at a disabled
+ * create button.
+ */
+import * as React from 'react';
+export interface PackageIdInputProps {
+    value: string;
+    /** Receives the sanitized value on every keystroke. */
+    onChange: (value: string) => void;
+    onEnter?: () => void;
+    onEscape?: () => void;
+    placeholder?: string;
+    autoFocus?: boolean;
+    locale?: string;
+    testId?: string;
+}
+export declare function PackageIdInput({ value, onChange, onEnter, onEscape, placeholder, autoFocus, locale, testId, }: PackageIdInputProps): React.ReactElement;
+/**
+ * Hint under the display-name input when the name yields no identifier
+ * suggestion (CJK-only names slug to nothing) — say the id must be typed
+ * manually instead of leaving the id box silently empty.
+ */
+export declare function PackageIdSuggestionHint({ show, locale, }: {
+    show: boolean;
+    locale?: string;
+}): React.ReactElement | null;

package/dist/views/studio-design/PackageIdInput.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright (c) 2025 ObjectStack. Licensed under the Apache-2.0 license.
+/**
+ * Package-identifier input shared by the three package wizards (switcher
+ * create, landing create, landing duplicate). Fixes the dogfood wizard
+ * findings (framework#2615 P2): illegal characters are still normalized
+ * away, but no longer silently — a notice says so — and while the value
+ * doesn't parse as a package id yet, an inline hint spells out the
+ * reverse-domain format instead of leaving the user staring at a disabled
+ * create button.
+ */
+import * as React from 'react';
+import { PACKAGE_ID_RE, sanitizePackageId } from './packages-io';
+import { t } from '../metadata-admin/i18n';
+export function PackageIdInput({ value, onChange, onEnter, onEscape, placeholder, autoFocus, locale, testId, }) {
+    // "I typed something and it vanished" — show what was dropped until the
+    // next clean keystroke.
+    const [strippedNotice, setStrippedNotice] = React.useState(false);
+    const invalid = value.trim().length > 0 && !PACKAGE_ID_RE.test(value.trim());
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("input", { autoFocus: autoFocus, value: value, onChange: (e) => {
+                    const { value: next, stripped } = sanitizePackageId(e.target.value);
+                    setStrippedNotice(stripped);
+                    onChange(next);
+                }, onKeyDown: (e) => {
+                    if (e.key === 'Enter')
+                        onEnter?.();
+                    if (e.key === 'Escape')
+                        onEscape?.();
+                }, placeholder: placeholder, "data-testid": testId, className: "h-7 w-full rounded-md border bg-background px-2 font-mono text-[11px] outline-none focus:ring-1 focus:ring-primary" }), strippedNotice && (_jsx("p", { className: "text-[10px] text-amber-600 dark:text-amber-400", "data-testid": "pkg-id-stripped", children: t('engine.studio.pkg.idStrippedNotice', locale) })), invalid && (_jsx("p", { className: "text-[10px] text-muted-foreground", "data-testid": "pkg-id-format-hint", children: t('engine.studio.pkg.idFormatHint', locale) }))] }));
+}
+/**
+ * Hint under the display-name input when the name yields no identifier
+ * suggestion (CJK-only names slug to nothing) — say the id must be typed
+ * manually instead of leaving the id box silently empty.
+ */
+export function PackageIdSuggestionHint({ show, locale, }) {
+    if (!show)
+        return null;
+    return (_jsx("p", { className: "text-[10px] text-muted-foreground", "data-testid": "pkg-id-manual-hint", children: t('engine.studio.pkg.idFromNameUnavailable', locale) }));
+}

package/dist/views/studio-design/StudioDesignSurface.d.ts

@@ -17,4 +17,17 @@ export interface StudioDesignSurfaceProps {
     aiSlot?: React.ReactNode;
 }
 export declare function StudioDesignSurface({ aiSlot }: StudioDesignSurfaceProps): React.ReactElement;
+/**
+ * A flow's live status in the Automations rail: a colored dot + On/Off, from the
+ * engine's runtime state (persisted `status` is intent; this is what's actually
+ * live). Renders nothing for a flow the engine doesn't know yet (never published)
+ * — the amber "unpublished draft" chip already covers that case.
+ */
+export declare function FlowStatusDot({ state, locale }: {
+    state?: {
+        enabled: boolean;
+        bound: boolean;
+    };
+    locale: string;
+}): React.ReactElement | null;
 export default StudioDesignSurface;