featuredrop 1.3.0 → 2.1.0

package/dist/admin.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/admin/index.tsx"],"names":["useState","useMemo","jsx","Fragment","jsxs"],"mappings":"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","file":"admin.cjs","sourcesContent":["import { useMemo, useState, type CSSProperties, type ReactNode } from \"react\";\nimport type { AudienceRule, FeatureEntry } from \"../types\";\n\nconst panelStyles: CSSProperties = {\n  border: \"1px solid #e5e7eb\",\n  borderRadius: \"10px\",\n  padding: \"12px\",\n  background: \"#ffffff\",\n};\n\nconst headingStyles: CSSProperties = {\n  margin: \"0 0 8px\",\n  fontSize: \"15px\",\n  fontWeight: 700,\n};\n\nexport interface ManifestEditorProps {\n  features: readonly FeatureEntry[];\n  onSave: (updated: FeatureEntry[]) => Promise<void> | void;\n  readOnly?: boolean;\n  children?: ReactNode;\n}\n\nexport function ManifestEditor({\n  features,\n  onSave,\n  readOnly = false,\n  children,\n}: ManifestEditorProps) {\n  const [draft, setDraft] = useState(() => JSON.stringify(features, null, 2));\n  const [status, setStatus] = useState<string>(\"idle\");\n  const [error, setError] = useState<string>(\"\");\n\n  const parsed = useMemo(() => {\n    try {\n      const next = JSON.parse(draft) as unknown;\n      if (!Array.isArray(next)) throw new Error(\"Manifest must be an array\");\n      return next as FeatureEntry[];\n    } catch {\n      return null;\n    }\n  }, [draft]);\n\n  const save = async () => {\n    if (readOnly || !parsed) return;\n    setStatus(\"saving\");\n    setError(\"\");\n    try {\n      await onSave(parsed);\n      setStatus(\"saved\");\n    } catch (cause) {\n      setStatus(\"error\");\n      setError(cause instanceof Error ? cause.message : \"Failed to save manifest\");\n    }\n  };\n\n  if (children) return <>{children}</>;\n\n  return (\n    <section data-featuredrop-admin-manifest-editor style={panelStyles}>\n      <p style={headingStyles}>Manifest Editor</p>\n      <textarea\n        aria-label=\"Manifest JSON\"\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        readOnly={readOnly}\n        style={{\n          width: \"100%\",\n          minHeight: \"180px\",\n          fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n          fontSize: \"12px\",\n          lineHeight: 1.45,\n          border: \"1px solid #d1d5db\",\n          borderRadius: \"8px\",\n          padding: \"10px\",\n        }}\n      />\n      <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\", marginTop: \"8px\" }}>\n        <button type=\"button\" onClick={save} disabled={readOnly || !parsed}>\n          Save\n        </button>\n        <span aria-live=\"polite\">{status}</span>\n        {!parsed && <span style={{ color: \"#dc2626\" }}>Invalid JSON</span>}\n        {error && <span style={{ color: \"#dc2626\" }}>{error}</span>}\n      </div>\n    </section>\n  );\n}\n\nexport interface ScheduleCalendarProps {\n  features: readonly FeatureEntry[];\n  onSchedule: (featureId: string, publishAt: string) => Promise<void> | void;\n}\n\nexport function ScheduleCalendar({ features, onSchedule }: ScheduleCalendarProps) {\n  const [values, setValues] = useState<Record<string, string>>({});\n\n  return (\n    <section data-featuredrop-admin-schedule-calendar style={panelStyles}>\n      <p style={headingStyles}>Schedule Calendar</p>\n      <ul style={{ margin: 0, padding: 0, listStyle: \"none\", display: \"grid\", gap: \"10px\" }}>\n        {features.map((feature) => (\n          <li\n            key={feature.id}\n            style={{\n              border: \"1px solid #e5e7eb\",\n              borderRadius: \"8px\",\n              padding: \"10px\",\n              display: \"grid\",\n              gap: \"6px\",\n            }}\n          >\n            <strong>{feature.label}</strong>\n            <label style={{ display: \"grid\", gap: \"4px\" }}>\n              Publish at\n              <input\n                type=\"datetime-local\"\n                value={values[feature.id] ?? \"\"}\n                onChange={(event) => {\n                  const value = event.target.value;\n                  setValues((previous) => ({ ...previous, [feature.id]: value }));\n                }}\n              />\n            </label>\n            <button\n              type=\"button\"\n              onClick={() => {\n                const value = values[feature.id];\n                if (!value) return;\n                void onSchedule(feature.id, new Date(value).toISOString());\n              }}\n            >\n              Schedule\n            </button>\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nexport interface PreviewPanelProps {\n  feature?: FeatureEntry | null;\n  components?: Array<\"badge\" | \"changelog\" | \"spotlight\" | \"banner\" | \"toast\">;\n}\n\nexport function PreviewPanel({ feature, components = [\"badge\", \"changelog\"] }: PreviewPanelProps) {\n  return (\n    <section data-featuredrop-admin-preview-panel style={panelStyles}>\n      <p style={headingStyles}>Preview Panel</p>\n      {!feature ? (\n        <p style={{ margin: 0, color: \"#6b7280\" }}>Select a feature to preview.</p>\n      ) : (\n        <>\n          <p style={{ margin: \"0 0 6px\", fontWeight: 600 }}>{feature.label}</p>\n          <p style={{ margin: \"0 0 8px\", color: \"#6b7280\" }}>{feature.description ?? \"No description\"}</p>\n          <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"6px\" }}>\n            {components.map((component) => (\n              <span\n                key={component}\n                style={{\n                  border: \"1px solid #d1d5db\",\n                  borderRadius: \"999px\",\n                  padding: \"2px 8px\",\n                  fontSize: \"12px\",\n                }}\n              >\n                {component}\n              </span>\n            ))}\n          </div>\n        </>\n      )}\n    </section>\n  );\n}\n\nexport interface AudienceBuilderProps {\n  segments?: string[];\n  roles?: string[];\n  regions?: string[];\n  value?: AudienceRule;\n  onChange?: (audience: AudienceRule) => void;\n  onSave?: (audience: AudienceRule) => Promise<void> | void;\n}\n\nfunction toggle(list: string[] | undefined, value: string): string[] {\n  const items = new Set(list ?? []);\n  if (items.has(value)) items.delete(value);\n  else items.add(value);\n  return Array.from(items);\n}\n\nexport function AudienceBuilder({\n  segments = [],\n  roles = [],\n  regions = [],\n  value,\n  onChange,\n  onSave,\n}: AudienceBuilderProps) {\n  const [audience, setAudience] = useState<AudienceRule>({\n    plan: value?.plan ?? [],\n    role: value?.role ?? [],\n    region: value?.region ?? [],\n  });\n\n  const updateAudience = (next: AudienceRule) => {\n    setAudience(next);\n    onChange?.(next);\n  };\n\n  const section = (\n    title: string,\n    values: string[],\n    selected: string[] | undefined,\n    onToggle: (value: string) => void,\n  ) => (\n    <fieldset style={{ border: \"none\", margin: 0, padding: 0 }}>\n      <legend style={{ fontWeight: 600, marginBottom: \"4px\" }}>{title}</legend>\n      <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n        {values.map((item) => (\n          <label key={item} style={{ display: \"inline-flex\", alignItems: \"center\", gap: \"6px\" }}>\n            <input\n              type=\"checkbox\"\n              checked={Boolean(selected?.includes(item))}\n              onChange={() => onToggle(item)}\n            />\n            {item}\n          </label>\n        ))}\n      </div>\n    </fieldset>\n  );\n\n  return (\n    <section data-featuredrop-admin-audience-builder style={panelStyles}>\n      <p style={headingStyles}>Audience Builder</p>\n      <div style={{ display: \"grid\", gap: \"10px\" }}>\n        {section(\"Plans\", segments, audience.plan, (item) =>\n          updateAudience({ ...audience, plan: toggle(audience.plan, item) }))}\n        {section(\"Roles\", roles, audience.role, (item) =>\n          updateAudience({ ...audience, role: toggle(audience.role, item) }))}\n        {section(\"Regions\", regions, audience.region, (item) =>\n          updateAudience({ ...audience, region: toggle(audience.region, item) }))}\n      </div>\n      {onSave && (\n        <button\n          type=\"button\"\n          style={{ marginTop: \"10px\" }}\n          onClick={() => {\n            void onSave(audience);\n          }}\n        >\n          Save audience\n        </button>\n      )}\n    </section>\n  );\n}\n"]}
+{"version":3,"sources":["../src/admin/index.tsx"],"names":["useState","useMemo","jsx","Fragment","jsxs"],"mappings":"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","file":"admin.cjs","sourcesContent":["import { useMemo, useState, type CSSProperties, type ReactNode } from \"react\";\nimport type { AudienceRule, FeatureEntry } from \"../types\";\n\nconst panelStyles: CSSProperties = {\n  border: \"1px solid #e5e7eb\",\n  borderRadius: \"10px\",\n  padding: \"12px\",\n  background: \"#ffffff\",\n};\n\nconst headingStyles: CSSProperties = {\n  margin: \"0 0 8px\",\n  fontSize: \"15px\",\n  fontWeight: 700,\n};\n\nexport interface ManifestEditorProps {\n  features: readonly FeatureEntry[];\n  onSave: (updated: FeatureEntry[]) => Promise<void> | void;\n  schema?: {\n    parse?: (value: unknown) => unknown;\n    safeParse?: (value: unknown) => { success: boolean; data?: unknown; error?: unknown };\n  };\n  readOnly?: boolean;\n  children?: ReactNode;\n}\n\ninterface DraftParseResult {\n  parsed: FeatureEntry[] | null;\n  error: string;\n}\n\nfunction toErrorMessage(error: unknown): string {\n  if (error instanceof Error && error.message) return error.message;\n  if (typeof error === \"string\" && error.trim()) return error.trim();\n  return \"Invalid manifest data\";\n}\n\nfunction parseDraft(\n  draft: string,\n  schema: ManifestEditorProps[\"schema\"] | undefined,\n): DraftParseResult {\n  try {\n    const raw = JSON.parse(draft) as unknown;\n    if (!Array.isArray(raw)) {\n      return {\n        parsed: null,\n        error: \"Manifest must be an array\",\n      };\n    }\n\n    if (!schema) {\n      return {\n        parsed: raw as FeatureEntry[],\n        error: \"\",\n      };\n    }\n\n    if (typeof schema.safeParse === \"function\") {\n      const result = schema.safeParse(raw);\n      if (!result.success) {\n        return {\n          parsed: null,\n          error: toErrorMessage(result.error),\n        };\n      }\n      if (!Array.isArray(result.data)) {\n        return {\n          parsed: null,\n          error: \"Schema output must be an array\",\n        };\n      }\n      return {\n        parsed: result.data as FeatureEntry[],\n        error: \"\",\n      };\n    }\n\n    if (typeof schema.parse === \"function\") {\n      const parsed = schema.parse(raw);\n      if (!Array.isArray(parsed)) {\n        return {\n          parsed: null,\n          error: \"Schema output must be an array\",\n        };\n      }\n      return {\n        parsed: parsed as FeatureEntry[],\n        error: \"\",\n      };\n    }\n\n    return {\n      parsed: raw as FeatureEntry[],\n      error: \"\",\n    };\n  } catch (error: unknown) {\n    return {\n      parsed: null,\n      error: toErrorMessage(error),\n    };\n  }\n}\n\nexport function ManifestEditor({\n  features,\n  onSave,\n  schema,\n  readOnly = false,\n  children,\n}: ManifestEditorProps) {\n  const [draft, setDraft] = useState(() => JSON.stringify(features, null, 2));\n  const [status, setStatus] = useState<string>(\"idle\");\n  const [error, setError] = useState<string>(\"\");\n\n  const parsedResult = useMemo(() => parseDraft(draft, schema), [draft, schema]);\n  const parsed = parsedResult.parsed;\n\n  const save = async () => {\n    if (readOnly || !parsed) return;\n    setStatus(\"saving\");\n    setError(\"\");\n    try {\n      await onSave(parsed);\n      setStatus(\"saved\");\n    } catch (cause) {\n      setStatus(\"error\");\n      setError(cause instanceof Error ? cause.message : \"Failed to save manifest\");\n    }\n  };\n\n  if (children) return <>{children}</>;\n\n  return (\n    <section data-featuredrop-admin-manifest-editor style={panelStyles}>\n      <p style={headingStyles}>Manifest Editor</p>\n      <textarea\n        aria-label=\"Manifest JSON\"\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        readOnly={readOnly}\n        style={{\n          width: \"100%\",\n          minHeight: \"180px\",\n          fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n          fontSize: \"12px\",\n          lineHeight: 1.45,\n          border: \"1px solid #d1d5db\",\n          borderRadius: \"8px\",\n          padding: \"10px\",\n        }}\n      />\n      <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\", marginTop: \"8px\" }}>\n        <button type=\"button\" onClick={save} disabled={readOnly || !parsed}>\n          Save\n        </button>\n        <span aria-live=\"polite\">{status}</span>\n        {!parsed && <span style={{ color: \"#dc2626\" }}>{parsedResult.error || \"Invalid JSON\"}</span>}\n        {error && <span style={{ color: \"#dc2626\" }}>{error}</span>}\n      </div>\n    </section>\n  );\n}\n\nexport interface ScheduleCalendarProps {\n  features: readonly FeatureEntry[];\n  onSchedule: (featureId: string, publishAt: string) => Promise<void> | void;\n  onExpire?: (featureId: string, expiresAt: string) => Promise<void> | void;\n  minDate?: string;\n}\n\nfunction toDateTimeInputMin(value: string | undefined): string | undefined {\n  if (!value) return undefined;\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return undefined;\n  return date.toISOString().slice(0, 16);\n}\n\nexport function ScheduleCalendar({\n  features,\n  onSchedule,\n  onExpire,\n  minDate,\n}: ScheduleCalendarProps) {\n  const [values, setValues] = useState<Record<string, string>>({});\n  const [expireValues, setExpireValues] = useState<Record<string, string>>({});\n  const minDateInput = toDateTimeInputMin(minDate);\n\n  return (\n    <section data-featuredrop-admin-schedule-calendar style={panelStyles}>\n      <p style={headingStyles}>Schedule Calendar</p>\n      <ul style={{ margin: 0, padding: 0, listStyle: \"none\", display: \"grid\", gap: \"10px\" }}>\n        {features.map((feature) => (\n          <li\n            key={feature.id}\n            style={{\n              border: \"1px solid #e5e7eb\",\n              borderRadius: \"8px\",\n              padding: \"10px\",\n              display: \"grid\",\n              gap: \"6px\",\n            }}\n          >\n            <strong>{feature.label}</strong>\n            <label style={{ display: \"grid\", gap: \"4px\" }}>\n              Publish at\n              <input\n                type=\"datetime-local\"\n                value={values[feature.id] ?? \"\"}\n                min={minDateInput}\n                onChange={(event) => {\n                  const value = event.target.value;\n                  setValues((previous) => ({ ...previous, [feature.id]: value }));\n                }}\n              />\n            </label>\n            {onExpire && (\n              <label style={{ display: \"grid\", gap: \"4px\" }}>\n                Expire at\n                <input\n                  type=\"datetime-local\"\n                  value={expireValues[feature.id] ?? \"\"}\n                  min={minDateInput}\n                  onChange={(event) => {\n                    const value = event.target.value;\n                    setExpireValues((previous) => ({ ...previous, [feature.id]: value }));\n                  }}\n                />\n              </label>\n            )}\n            <button\n              type=\"button\"\n              onClick={() => {\n                const value = values[feature.id];\n                if (!value) return;\n                void onSchedule(feature.id, new Date(value).toISOString());\n              }}\n            >\n              Schedule\n            </button>\n            {onExpire && (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  const value = expireValues[feature.id];\n                  if (!value) return;\n                  void onExpire(feature.id, new Date(value).toISOString());\n                }}\n              >\n                Set expiry\n              </button>\n            )}\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nexport interface PreviewPanelProps {\n  feature?: FeatureEntry | null;\n  components?: Array<\"badge\" | \"changelog\" | \"spotlight\" | \"banner\" | \"toast\">;\n  theme?: \"light\" | \"dark\";\n}\n\nexport function PreviewPanel({\n  feature,\n  components = [\"badge\", \"changelog\"],\n  theme = \"light\",\n}: PreviewPanelProps) {\n  const dark = theme === \"dark\";\n  return (\n    <section\n      data-featuredrop-admin-preview-panel\n      data-featuredrop-theme={theme}\n      style={{\n        ...panelStyles,\n        background: dark ? \"#111827\" : \"#ffffff\",\n        borderColor: dark ? \"#374151\" : \"#e5e7eb\",\n        color: dark ? \"#f9fafb\" : \"#111827\",\n      }}\n    >\n      <p style={headingStyles}>Preview Panel</p>\n      {!feature ? (\n        <p style={{ margin: 0, color: dark ? \"#9ca3af\" : \"#6b7280\" }}>Select a feature to preview.</p>\n      ) : (\n        <>\n          <p style={{ margin: \"0 0 6px\", fontWeight: 600 }}>{feature.label}</p>\n          <p style={{ margin: \"0 0 8px\", color: dark ? \"#9ca3af\" : \"#6b7280\" }}>\n            {feature.description ?? \"No description\"}\n          </p>\n          <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"6px\" }}>\n            {components.map((component) => (\n              <span\n                key={component}\n                style={{\n                  border: dark ? \"1px solid #4b5563\" : \"1px solid #d1d5db\",\n                  borderRadius: \"999px\",\n                  padding: \"2px 8px\",\n                  fontSize: \"12px\",\n                }}\n              >\n                {component}\n              </span>\n            ))}\n          </div>\n        </>\n      )}\n    </section>\n  );\n}\n\nexport interface AudienceBuilderProps {\n  segments?: string[];\n  roles?: string[];\n  regions?: string[];\n  value?: AudienceRule;\n  onChange?: (audience: AudienceRule) => void;\n  onSave?: (audience: AudienceRule) => Promise<void> | void;\n}\n\nfunction toggle(list: string[] | undefined, value: string): string[] {\n  const items = new Set(list ?? []);\n  if (items.has(value)) items.delete(value);\n  else items.add(value);\n  return Array.from(items);\n}\n\nexport function AudienceBuilder({\n  segments = [],\n  roles = [],\n  regions = [],\n  value,\n  onChange,\n  onSave,\n}: AudienceBuilderProps) {\n  const [audience, setAudience] = useState<AudienceRule>({\n    plan: value?.plan ?? [],\n    role: value?.role ?? [],\n    region: value?.region ?? [],\n  });\n\n  const updateAudience = (next: AudienceRule) => {\n    setAudience(next);\n    onChange?.(next);\n  };\n\n  const section = (\n    title: string,\n    values: string[],\n    selected: string[] | undefined,\n    onToggle: (value: string) => void,\n  ) => (\n    <fieldset style={{ border: \"none\", margin: 0, padding: 0 }}>\n      <legend style={{ fontWeight: 600, marginBottom: \"4px\" }}>{title}</legend>\n      <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n        {values.map((item) => (\n          <label key={item} style={{ display: \"inline-flex\", alignItems: \"center\", gap: \"6px\" }}>\n            <input\n              type=\"checkbox\"\n              checked={Boolean(selected?.includes(item))}\n              onChange={() => onToggle(item)}\n            />\n            {item}\n          </label>\n        ))}\n      </div>\n    </fieldset>\n  );\n\n  return (\n    <section data-featuredrop-admin-audience-builder style={panelStyles}>\n      <p style={headingStyles}>Audience Builder</p>\n      <div style={{ display: \"grid\", gap: \"10px\" }}>\n        {section(\"Plans\", segments, audience.plan, (item) =>\n          updateAudience({ ...audience, plan: toggle(audience.plan, item) }))}\n        {section(\"Roles\", roles, audience.role, (item) =>\n          updateAudience({ ...audience, role: toggle(audience.role, item) }))}\n        {section(\"Regions\", regions, audience.region, (item) =>\n          updateAudience({ ...audience, region: toggle(audience.region, item) }))}\n      </div>\n      {onSave && (\n        <button\n          type=\"button\"\n          style={{ marginTop: \"10px\" }}\n          onClick={() => {\n            void onSave(audience);\n          }}\n        >\n          Save audience\n        </button>\n      )}\n    </section>\n  );\n}\n"]}

package/dist/admin.d.cts

@@ -149,20 +149,31 @@ interface FeatureEntry {
 interface ManifestEditorProps {
     features: readonly FeatureEntry[];
     onSave: (updated: FeatureEntry[]) => Promise<void> | void;
+    schema?: {
+        parse?: (value: unknown) => unknown;
+        safeParse?: (value: unknown) => {
+            success: boolean;
+            data?: unknown;
+            error?: unknown;
+        };
+    };
     readOnly?: boolean;
     children?: ReactNode;
 }
-declare function ManifestEditor({ features, onSave, readOnly, children, }: ManifestEditorProps): react_jsx_runtime.JSX.Element;
+declare function ManifestEditor({ features, onSave, schema, readOnly, children, }: ManifestEditorProps): react_jsx_runtime.JSX.Element;
 interface ScheduleCalendarProps {
     features: readonly FeatureEntry[];
     onSchedule: (featureId: string, publishAt: string) => Promise<void> | void;
+    onExpire?: (featureId: string, expiresAt: string) => Promise<void> | void;
+    minDate?: string;
 }
-declare function ScheduleCalendar({ features, onSchedule }: ScheduleCalendarProps): react_jsx_runtime.JSX.Element;
+declare function ScheduleCalendar({ features, onSchedule, onExpire, minDate, }: ScheduleCalendarProps): react_jsx_runtime.JSX.Element;
 interface PreviewPanelProps {
     feature?: FeatureEntry | null;
     components?: Array<"badge" | "changelog" | "spotlight" | "banner" | "toast">;
+    theme?: "light" | "dark";
 }
-declare function PreviewPanel({ feature, components }: PreviewPanelProps): react_jsx_runtime.JSX.Element;
+declare function PreviewPanel({ feature, components, theme, }: PreviewPanelProps): react_jsx_runtime.JSX.Element;
 interface AudienceBuilderProps {
     segments?: string[];
     roles?: string[];

package/dist/admin.d.ts

@@ -149,20 +149,31 @@ interface FeatureEntry {
 interface ManifestEditorProps {
     features: readonly FeatureEntry[];
     onSave: (updated: FeatureEntry[]) => Promise<void> | void;
+    schema?: {
+        parse?: (value: unknown) => unknown;
+        safeParse?: (value: unknown) => {
+            success: boolean;
+            data?: unknown;
+            error?: unknown;
+        };
+    };
     readOnly?: boolean;
     children?: ReactNode;
 }
-declare function ManifestEditor({ features, onSave, readOnly, children, }: ManifestEditorProps): react_jsx_runtime.JSX.Element;
+declare function ManifestEditor({ features, onSave, schema, readOnly, children, }: ManifestEditorProps): react_jsx_runtime.JSX.Element;
 interface ScheduleCalendarProps {
     features: readonly FeatureEntry[];
     onSchedule: (featureId: string, publishAt: string) => Promise<void> | void;
+    onExpire?: (featureId: string, expiresAt: string) => Promise<void> | void;
+    minDate?: string;
 }
-declare function ScheduleCalendar({ features, onSchedule }: ScheduleCalendarProps): react_jsx_runtime.JSX.Element;
+declare function ScheduleCalendar({ features, onSchedule, onExpire, minDate, }: ScheduleCalendarProps): react_jsx_runtime.JSX.Element;
 interface PreviewPanelProps {
     feature?: FeatureEntry | null;
     components?: Array<"badge" | "changelog" | "spotlight" | "banner" | "toast">;
+    theme?: "light" | "dark";
 }
-declare function PreviewPanel({ feature, components }: PreviewPanelProps): react_jsx_runtime.JSX.Element;
+declare function PreviewPanel({ feature, components, theme, }: PreviewPanelProps): react_jsx_runtime.JSX.Element;
 interface AudienceBuilderProps {
     segments?: string[];
     roles?: string[];

package/dist/admin.js

@@ -14,24 +14,81 @@ var headingStyles = {
   fontSize: "15px",
   fontWeight: 700
 };
+function toErrorMessage(error) {
+  if (error instanceof Error && error.message) return error.message;
+  if (typeof error === "string" && error.trim()) return error.trim();
+  return "Invalid manifest data";
+}
+function parseDraft(draft, schema) {
+  try {
+    const raw = JSON.parse(draft);
+    if (!Array.isArray(raw)) {
+      return {
+        parsed: null,
+        error: "Manifest must be an array"
+      };
+    }
+    if (!schema) {
+      return {
+        parsed: raw,
+        error: ""
+      };
+    }
+    if (typeof schema.safeParse === "function") {
+      const result = schema.safeParse(raw);
+      if (!result.success) {
+        return {
+          parsed: null,
+          error: toErrorMessage(result.error)
+        };
+      }
+      if (!Array.isArray(result.data)) {
+        return {
+          parsed: null,
+          error: "Schema output must be an array"
+        };
+      }
+      return {
+        parsed: result.data,
+        error: ""
+      };
+    }
+    if (typeof schema.parse === "function") {
+      const parsed = schema.parse(raw);
+      if (!Array.isArray(parsed)) {
+        return {
+          parsed: null,
+          error: "Schema output must be an array"
+        };
+      }
+      return {
+        parsed,
+        error: ""
+      };
+    }
+    return {
+      parsed: raw,
+      error: ""
+    };
+  } catch (error) {
+    return {
+      parsed: null,
+      error: toErrorMessage(error)
+    };
+  }
+}
 function ManifestEditor({
   features,
   onSave,
+  schema,
   readOnly = false,
   children
 }) {
   const [draft, setDraft] = useState(() => JSON.stringify(features, null, 2));
   const [status, setStatus] = useState("idle");
   const [error, setError] = useState("");
-  const parsed = useMemo(() => {
-    try {
-      const next = JSON.parse(draft);
-      if (!Array.isArray(next)) throw new Error("Manifest must be an array");
-      return next;
-    } catch {
-      return null;
-    }
-  }, [draft]);
+  const parsedResult = useMemo(() => parseDraft(draft, schema), [draft, schema]);
+  const parsed = parsedResult.parsed;
   const save = async () => {
     if (readOnly || !parsed) return;
     setStatus("saving");
@@ -69,13 +126,26 @@ function ManifestEditor({
     /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginTop: "8px" }, children: [
       /* @__PURE__ */ jsx("button", { type: "button", onClick: save, disabled: readOnly || !parsed, children: "Save" }),
       /* @__PURE__ */ jsx("span", { "aria-live": "polite", children: status }),
-      !parsed && /* @__PURE__ */ jsx("span", { style: { color: "#dc2626" }, children: "Invalid JSON" }),
+      !parsed && /* @__PURE__ */ jsx("span", { style: { color: "#dc2626" }, children: parsedResult.error || "Invalid JSON" }),
       error && /* @__PURE__ */ jsx("span", { style: { color: "#dc2626" }, children: error })
     ] })
   ] });
 }
-function ScheduleCalendar({ features, onSchedule }) {
+function toDateTimeInputMin(value) {
+  if (!value) return void 0;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return void 0;
+  return date.toISOString().slice(0, 16);
+}
+function ScheduleCalendar({
+  features,
+  onSchedule,
+  onExpire,
+  minDate
+}) {
   const [values, setValues] = useState({});
+  const [expireValues, setExpireValues] = useState({});
+  const minDateInput = toDateTimeInputMin(minDate);
   return /* @__PURE__ */ jsxs("section", { "data-featuredrop-admin-schedule-calendar": true, style: panelStyles, children: [
     /* @__PURE__ */ jsx("p", { style: headingStyles, children: "Schedule Calendar" }),
     /* @__PURE__ */ jsx("ul", { style: { margin: 0, padding: 0, listStyle: "none", display: "grid", gap: "10px" }, children: features.map((feature) => /* @__PURE__ */ jsxs(
@@ -97,6 +167,7 @@ function ScheduleCalendar({ features, onSchedule }) {
               {
                 type: "datetime-local",
                 value: values[feature.id] ?? "",
+                min: minDateInput,
                 onChange: (event) => {
                   const value = event.target.value;
                   setValues((previous) => ({ ...previous, [feature.id]: value }));
@@ -104,6 +175,21 @@ function ScheduleCalendar({ features, onSchedule }) {
               }
             )
           ] }),
+          onExpire && /* @__PURE__ */ jsxs("label", { style: { display: "grid", gap: "4px" }, children: [
+            "Expire at",
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "datetime-local",
+                value: expireValues[feature.id] ?? "",
+                min: minDateInput,
+                onChange: (event) => {
+                  const value = event.target.value;
+                  setExpireValues((previous) => ({ ...previous, [feature.id]: value }));
+                }
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -115,6 +201,18 @@ function ScheduleCalendar({ features, onSchedule }) {
               },
               children: "Schedule"
             }
+          ),
+          onExpire && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                const value = expireValues[feature.id];
+                if (!value) return;
+                void onExpire(feature.id, new Date(value).toISOString());
+              },
+              children: "Set expiry"
+            }
           )
         ]
       },
@@ -122,27 +220,45 @@ function ScheduleCalendar({ features, onSchedule }) {
     )) })
   ] });
 }
-function PreviewPanel({ feature, components = ["badge", "changelog"] }) {
-  return /* @__PURE__ */ jsxs("section", { "data-featuredrop-admin-preview-panel": true, style: panelStyles, children: [
-    /* @__PURE__ */ jsx("p", { style: headingStyles, children: "Preview Panel" }),
-    !feature ? /* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#6b7280" }, children: "Select a feature to preview." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("p", { style: { margin: "0 0 6px", fontWeight: 600 }, children: feature.label }),
-      /* @__PURE__ */ jsx("p", { style: { margin: "0 0 8px", color: "#6b7280" }, children: feature.description ?? "No description" }),
-      /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: components.map((component) => /* @__PURE__ */ jsx(
-        "span",
-        {
-          style: {
-            border: "1px solid #d1d5db",
-            borderRadius: "999px",
-            padding: "2px 8px",
-            fontSize: "12px"
-          },
-          children: component
-        },
-        component
-      )) })
-    ] })
-  ] });
+function PreviewPanel({
+  feature,
+  components = ["badge", "changelog"],
+  theme = "light"
+}) {
+  const dark = theme === "dark";
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-featuredrop-admin-preview-panel": true,
+      "data-featuredrop-theme": theme,
+      style: {
+        ...panelStyles,
+        background: dark ? "#111827" : "#ffffff",
+        borderColor: dark ? "#374151" : "#e5e7eb",
+        color: dark ? "#f9fafb" : "#111827"
+      },
+      children: [
+        /* @__PURE__ */ jsx("p", { style: headingStyles, children: "Preview Panel" }),
+        !feature ? /* @__PURE__ */ jsx("p", { style: { margin: 0, color: dark ? "#9ca3af" : "#6b7280" }, children: "Select a feature to preview." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("p", { style: { margin: "0 0 6px", fontWeight: 600 }, children: feature.label }),
+          /* @__PURE__ */ jsx("p", { style: { margin: "0 0 8px", color: dark ? "#9ca3af" : "#6b7280" }, children: feature.description ?? "No description" }),
+          /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: components.map((component) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                border: dark ? "1px solid #4b5563" : "1px solid #d1d5db",
+                borderRadius: "999px",
+                padding: "2px 8px",
+                fontSize: "12px"
+              },
+              children: component
+            },
+            component
+          )) })
+        ] })
+      ]
+    }
+  );
 }
 function toggle(list, value) {
   const items = new Set(list ?? []);

package/dist/admin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/admin/index.tsx"],"names":[],"mappings":"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","file":"admin.js","sourcesContent":["import { useMemo, useState, type CSSProperties, type ReactNode } from \"react\";\nimport type { AudienceRule, FeatureEntry } from \"../types\";\n\nconst panelStyles: CSSProperties = {\n  border: \"1px solid #e5e7eb\",\n  borderRadius: \"10px\",\n  padding: \"12px\",\n  background: \"#ffffff\",\n};\n\nconst headingStyles: CSSProperties = {\n  margin: \"0 0 8px\",\n  fontSize: \"15px\",\n  fontWeight: 700,\n};\n\nexport interface ManifestEditorProps {\n  features: readonly FeatureEntry[];\n  onSave: (updated: FeatureEntry[]) => Promise<void> | void;\n  readOnly?: boolean;\n  children?: ReactNode;\n}\n\nexport function ManifestEditor({\n  features,\n  onSave,\n  readOnly = false,\n  children,\n}: ManifestEditorProps) {\n  const [draft, setDraft] = useState(() => JSON.stringify(features, null, 2));\n  const [status, setStatus] = useState<string>(\"idle\");\n  const [error, setError] = useState<string>(\"\");\n\n  const parsed = useMemo(() => {\n    try {\n      const next = JSON.parse(draft) as unknown;\n      if (!Array.isArray(next)) throw new Error(\"Manifest must be an array\");\n      return next as FeatureEntry[];\n    } catch {\n      return null;\n    }\n  }, [draft]);\n\n  const save = async () => {\n    if (readOnly || !parsed) return;\n    setStatus(\"saving\");\n    setError(\"\");\n    try {\n      await onSave(parsed);\n      setStatus(\"saved\");\n    } catch (cause) {\n      setStatus(\"error\");\n      setError(cause instanceof Error ? cause.message : \"Failed to save manifest\");\n    }\n  };\n\n  if (children) return <>{children}</>;\n\n  return (\n    <section data-featuredrop-admin-manifest-editor style={panelStyles}>\n      <p style={headingStyles}>Manifest Editor</p>\n      <textarea\n        aria-label=\"Manifest JSON\"\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        readOnly={readOnly}\n        style={{\n          width: \"100%\",\n          minHeight: \"180px\",\n          fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n          fontSize: \"12px\",\n          lineHeight: 1.45,\n          border: \"1px solid #d1d5db\",\n          borderRadius: \"8px\",\n          padding: \"10px\",\n        }}\n      />\n      <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\", marginTop: \"8px\" }}>\n        <button type=\"button\" onClick={save} disabled={readOnly || !parsed}>\n          Save\n        </button>\n        <span aria-live=\"polite\">{status}</span>\n        {!parsed && <span style={{ color: \"#dc2626\" }}>Invalid JSON</span>}\n        {error && <span style={{ color: \"#dc2626\" }}>{error}</span>}\n      </div>\n    </section>\n  );\n}\n\nexport interface ScheduleCalendarProps {\n  features: readonly FeatureEntry[];\n  onSchedule: (featureId: string, publishAt: string) => Promise<void> | void;\n}\n\nexport function ScheduleCalendar({ features, onSchedule }: ScheduleCalendarProps) {\n  const [values, setValues] = useState<Record<string, string>>({});\n\n  return (\n    <section data-featuredrop-admin-schedule-calendar style={panelStyles}>\n      <p style={headingStyles}>Schedule Calendar</p>\n      <ul style={{ margin: 0, padding: 0, listStyle: \"none\", display: \"grid\", gap: \"10px\" }}>\n        {features.map((feature) => (\n          <li\n            key={feature.id}\n            style={{\n              border: \"1px solid #e5e7eb\",\n              borderRadius: \"8px\",\n              padding: \"10px\",\n              display: \"grid\",\n              gap: \"6px\",\n            }}\n          >\n            <strong>{feature.label}</strong>\n            <label style={{ display: \"grid\", gap: \"4px\" }}>\n              Publish at\n              <input\n                type=\"datetime-local\"\n                value={values[feature.id] ?? \"\"}\n                onChange={(event) => {\n                  const value = event.target.value;\n                  setValues((previous) => ({ ...previous, [feature.id]: value }));\n                }}\n              />\n            </label>\n            <button\n              type=\"button\"\n              onClick={() => {\n                const value = values[feature.id];\n                if (!value) return;\n                void onSchedule(feature.id, new Date(value).toISOString());\n              }}\n            >\n              Schedule\n            </button>\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nexport interface PreviewPanelProps {\n  feature?: FeatureEntry | null;\n  components?: Array<\"badge\" | \"changelog\" | \"spotlight\" | \"banner\" | \"toast\">;\n}\n\nexport function PreviewPanel({ feature, components = [\"badge\", \"changelog\"] }: PreviewPanelProps) {\n  return (\n    <section data-featuredrop-admin-preview-panel style={panelStyles}>\n      <p style={headingStyles}>Preview Panel</p>\n      {!feature ? (\n        <p style={{ margin: 0, color: \"#6b7280\" }}>Select a feature to preview.</p>\n      ) : (\n        <>\n          <p style={{ margin: \"0 0 6px\", fontWeight: 600 }}>{feature.label}</p>\n          <p style={{ margin: \"0 0 8px\", color: \"#6b7280\" }}>{feature.description ?? \"No description\"}</p>\n          <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"6px\" }}>\n            {components.map((component) => (\n              <span\n                key={component}\n                style={{\n                  border: \"1px solid #d1d5db\",\n                  borderRadius: \"999px\",\n                  padding: \"2px 8px\",\n                  fontSize: \"12px\",\n                }}\n              >\n                {component}\n              </span>\n            ))}\n          </div>\n        </>\n      )}\n    </section>\n  );\n}\n\nexport interface AudienceBuilderProps {\n  segments?: string[];\n  roles?: string[];\n  regions?: string[];\n  value?: AudienceRule;\n  onChange?: (audience: AudienceRule) => void;\n  onSave?: (audience: AudienceRule) => Promise<void> | void;\n}\n\nfunction toggle(list: string[] | undefined, value: string): string[] {\n  const items = new Set(list ?? []);\n  if (items.has(value)) items.delete(value);\n  else items.add(value);\n  return Array.from(items);\n}\n\nexport function AudienceBuilder({\n  segments = [],\n  roles = [],\n  regions = [],\n  value,\n  onChange,\n  onSave,\n}: AudienceBuilderProps) {\n  const [audience, setAudience] = useState<AudienceRule>({\n    plan: value?.plan ?? [],\n    role: value?.role ?? [],\n    region: value?.region ?? [],\n  });\n\n  const updateAudience = (next: AudienceRule) => {\n    setAudience(next);\n    onChange?.(next);\n  };\n\n  const section = (\n    title: string,\n    values: string[],\n    selected: string[] | undefined,\n    onToggle: (value: string) => void,\n  ) => (\n    <fieldset style={{ border: \"none\", margin: 0, padding: 0 }}>\n      <legend style={{ fontWeight: 600, marginBottom: \"4px\" }}>{title}</legend>\n      <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n        {values.map((item) => (\n          <label key={item} style={{ display: \"inline-flex\", alignItems: \"center\", gap: \"6px\" }}>\n            <input\n              type=\"checkbox\"\n              checked={Boolean(selected?.includes(item))}\n              onChange={() => onToggle(item)}\n            />\n            {item}\n          </label>\n        ))}\n      </div>\n    </fieldset>\n  );\n\n  return (\n    <section data-featuredrop-admin-audience-builder style={panelStyles}>\n      <p style={headingStyles}>Audience Builder</p>\n      <div style={{ display: \"grid\", gap: \"10px\" }}>\n        {section(\"Plans\", segments, audience.plan, (item) =>\n          updateAudience({ ...audience, plan: toggle(audience.plan, item) }))}\n        {section(\"Roles\", roles, audience.role, (item) =>\n          updateAudience({ ...audience, role: toggle(audience.role, item) }))}\n        {section(\"Regions\", regions, audience.region, (item) =>\n          updateAudience({ ...audience, region: toggle(audience.region, item) }))}\n      </div>\n      {onSave && (\n        <button\n          type=\"button\"\n          style={{ marginTop: \"10px\" }}\n          onClick={() => {\n            void onSave(audience);\n          }}\n        >\n          Save audience\n        </button>\n      )}\n    </section>\n  );\n}\n"]}
+{"version":3,"sources":["../src/admin/index.tsx"],"names":[],"mappings":"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","file":"admin.js","sourcesContent":["import { useMemo, useState, type CSSProperties, type ReactNode } from \"react\";\nimport type { AudienceRule, FeatureEntry } from \"../types\";\n\nconst panelStyles: CSSProperties = {\n  border: \"1px solid #e5e7eb\",\n  borderRadius: \"10px\",\n  padding: \"12px\",\n  background: \"#ffffff\",\n};\n\nconst headingStyles: CSSProperties = {\n  margin: \"0 0 8px\",\n  fontSize: \"15px\",\n  fontWeight: 700,\n};\n\nexport interface ManifestEditorProps {\n  features: readonly FeatureEntry[];\n  onSave: (updated: FeatureEntry[]) => Promise<void> | void;\n  schema?: {\n    parse?: (value: unknown) => unknown;\n    safeParse?: (value: unknown) => { success: boolean; data?: unknown; error?: unknown };\n  };\n  readOnly?: boolean;\n  children?: ReactNode;\n}\n\ninterface DraftParseResult {\n  parsed: FeatureEntry[] | null;\n  error: string;\n}\n\nfunction toErrorMessage(error: unknown): string {\n  if (error instanceof Error && error.message) return error.message;\n  if (typeof error === \"string\" && error.trim()) return error.trim();\n  return \"Invalid manifest data\";\n}\n\nfunction parseDraft(\n  draft: string,\n  schema: ManifestEditorProps[\"schema\"] | undefined,\n): DraftParseResult {\n  try {\n    const raw = JSON.parse(draft) as unknown;\n    if (!Array.isArray(raw)) {\n      return {\n        parsed: null,\n        error: \"Manifest must be an array\",\n      };\n    }\n\n    if (!schema) {\n      return {\n        parsed: raw as FeatureEntry[],\n        error: \"\",\n      };\n    }\n\n    if (typeof schema.safeParse === \"function\") {\n      const result = schema.safeParse(raw);\n      if (!result.success) {\n        return {\n          parsed: null,\n          error: toErrorMessage(result.error),\n        };\n      }\n      if (!Array.isArray(result.data)) {\n        return {\n          parsed: null,\n          error: \"Schema output must be an array\",\n        };\n      }\n      return {\n        parsed: result.data as FeatureEntry[],\n        error: \"\",\n      };\n    }\n\n    if (typeof schema.parse === \"function\") {\n      const parsed = schema.parse(raw);\n      if (!Array.isArray(parsed)) {\n        return {\n          parsed: null,\n          error: \"Schema output must be an array\",\n        };\n      }\n      return {\n        parsed: parsed as FeatureEntry[],\n        error: \"\",\n      };\n    }\n\n    return {\n      parsed: raw as FeatureEntry[],\n      error: \"\",\n    };\n  } catch (error: unknown) {\n    return {\n      parsed: null,\n      error: toErrorMessage(error),\n    };\n  }\n}\n\nexport function ManifestEditor({\n  features,\n  onSave,\n  schema,\n  readOnly = false,\n  children,\n}: ManifestEditorProps) {\n  const [draft, setDraft] = useState(() => JSON.stringify(features, null, 2));\n  const [status, setStatus] = useState<string>(\"idle\");\n  const [error, setError] = useState<string>(\"\");\n\n  const parsedResult = useMemo(() => parseDraft(draft, schema), [draft, schema]);\n  const parsed = parsedResult.parsed;\n\n  const save = async () => {\n    if (readOnly || !parsed) return;\n    setStatus(\"saving\");\n    setError(\"\");\n    try {\n      await onSave(parsed);\n      setStatus(\"saved\");\n    } catch (cause) {\n      setStatus(\"error\");\n      setError(cause instanceof Error ? cause.message : \"Failed to save manifest\");\n    }\n  };\n\n  if (children) return <>{children}</>;\n\n  return (\n    <section data-featuredrop-admin-manifest-editor style={panelStyles}>\n      <p style={headingStyles}>Manifest Editor</p>\n      <textarea\n        aria-label=\"Manifest JSON\"\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        readOnly={readOnly}\n        style={{\n          width: \"100%\",\n          minHeight: \"180px\",\n          fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n          fontSize: \"12px\",\n          lineHeight: 1.45,\n          border: \"1px solid #d1d5db\",\n          borderRadius: \"8px\",\n          padding: \"10px\",\n        }}\n      />\n      <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\", marginTop: \"8px\" }}>\n        <button type=\"button\" onClick={save} disabled={readOnly || !parsed}>\n          Save\n        </button>\n        <span aria-live=\"polite\">{status}</span>\n        {!parsed && <span style={{ color: \"#dc2626\" }}>{parsedResult.error || \"Invalid JSON\"}</span>}\n        {error && <span style={{ color: \"#dc2626\" }}>{error}</span>}\n      </div>\n    </section>\n  );\n}\n\nexport interface ScheduleCalendarProps {\n  features: readonly FeatureEntry[];\n  onSchedule: (featureId: string, publishAt: string) => Promise<void> | void;\n  onExpire?: (featureId: string, expiresAt: string) => Promise<void> | void;\n  minDate?: string;\n}\n\nfunction toDateTimeInputMin(value: string | undefined): string | undefined {\n  if (!value) return undefined;\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return undefined;\n  return date.toISOString().slice(0, 16);\n}\n\nexport function ScheduleCalendar({\n  features,\n  onSchedule,\n  onExpire,\n  minDate,\n}: ScheduleCalendarProps) {\n  const [values, setValues] = useState<Record<string, string>>({});\n  const [expireValues, setExpireValues] = useState<Record<string, string>>({});\n  const minDateInput = toDateTimeInputMin(minDate);\n\n  return (\n    <section data-featuredrop-admin-schedule-calendar style={panelStyles}>\n      <p style={headingStyles}>Schedule Calendar</p>\n      <ul style={{ margin: 0, padding: 0, listStyle: \"none\", display: \"grid\", gap: \"10px\" }}>\n        {features.map((feature) => (\n          <li\n            key={feature.id}\n            style={{\n              border: \"1px solid #e5e7eb\",\n              borderRadius: \"8px\",\n              padding: \"10px\",\n              display: \"grid\",\n              gap: \"6px\",\n            }}\n          >\n            <strong>{feature.label}</strong>\n            <label style={{ display: \"grid\", gap: \"4px\" }}>\n              Publish at\n              <input\n                type=\"datetime-local\"\n                value={values[feature.id] ?? \"\"}\n                min={minDateInput}\n                onChange={(event) => {\n                  const value = event.target.value;\n                  setValues((previous) => ({ ...previous, [feature.id]: value }));\n                }}\n              />\n            </label>\n            {onExpire && (\n              <label style={{ display: \"grid\", gap: \"4px\" }}>\n                Expire at\n                <input\n                  type=\"datetime-local\"\n                  value={expireValues[feature.id] ?? \"\"}\n                  min={minDateInput}\n                  onChange={(event) => {\n                    const value = event.target.value;\n                    setExpireValues((previous) => ({ ...previous, [feature.id]: value }));\n                  }}\n                />\n              </label>\n            )}\n            <button\n              type=\"button\"\n              onClick={() => {\n                const value = values[feature.id];\n                if (!value) return;\n                void onSchedule(feature.id, new Date(value).toISOString());\n              }}\n            >\n              Schedule\n            </button>\n            {onExpire && (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  const value = expireValues[feature.id];\n                  if (!value) return;\n                  void onExpire(feature.id, new Date(value).toISOString());\n                }}\n              >\n                Set expiry\n              </button>\n            )}\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nexport interface PreviewPanelProps {\n  feature?: FeatureEntry | null;\n  components?: Array<\"badge\" | \"changelog\" | \"spotlight\" | \"banner\" | \"toast\">;\n  theme?: \"light\" | \"dark\";\n}\n\nexport function PreviewPanel({\n  feature,\n  components = [\"badge\", \"changelog\"],\n  theme = \"light\",\n}: PreviewPanelProps) {\n  const dark = theme === \"dark\";\n  return (\n    <section\n      data-featuredrop-admin-preview-panel\n      data-featuredrop-theme={theme}\n      style={{\n        ...panelStyles,\n        background: dark ? \"#111827\" : \"#ffffff\",\n        borderColor: dark ? \"#374151\" : \"#e5e7eb\",\n        color: dark ? \"#f9fafb\" : \"#111827\",\n      }}\n    >\n      <p style={headingStyles}>Preview Panel</p>\n      {!feature ? (\n        <p style={{ margin: 0, color: dark ? \"#9ca3af\" : \"#6b7280\" }}>Select a feature to preview.</p>\n      ) : (\n        <>\n          <p style={{ margin: \"0 0 6px\", fontWeight: 600 }}>{feature.label}</p>\n          <p style={{ margin: \"0 0 8px\", color: dark ? \"#9ca3af\" : \"#6b7280\" }}>\n            {feature.description ?? \"No description\"}\n          </p>\n          <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"6px\" }}>\n            {components.map((component) => (\n              <span\n                key={component}\n                style={{\n                  border: dark ? \"1px solid #4b5563\" : \"1px solid #d1d5db\",\n                  borderRadius: \"999px\",\n                  padding: \"2px 8px\",\n                  fontSize: \"12px\",\n                }}\n              >\n                {component}\n              </span>\n            ))}\n          </div>\n        </>\n      )}\n    </section>\n  );\n}\n\nexport interface AudienceBuilderProps {\n  segments?: string[];\n  roles?: string[];\n  regions?: string[];\n  value?: AudienceRule;\n  onChange?: (audience: AudienceRule) => void;\n  onSave?: (audience: AudienceRule) => Promise<void> | void;\n}\n\nfunction toggle(list: string[] | undefined, value: string): string[] {\n  const items = new Set(list ?? []);\n  if (items.has(value)) items.delete(value);\n  else items.add(value);\n  return Array.from(items);\n}\n\nexport function AudienceBuilder({\n  segments = [],\n  roles = [],\n  regions = [],\n  value,\n  onChange,\n  onSave,\n}: AudienceBuilderProps) {\n  const [audience, setAudience] = useState<AudienceRule>({\n    plan: value?.plan ?? [],\n    role: value?.role ?? [],\n    region: value?.region ?? [],\n  });\n\n  const updateAudience = (next: AudienceRule) => {\n    setAudience(next);\n    onChange?.(next);\n  };\n\n  const section = (\n    title: string,\n    values: string[],\n    selected: string[] | undefined,\n    onToggle: (value: string) => void,\n  ) => (\n    <fieldset style={{ border: \"none\", margin: 0, padding: 0 }}>\n      <legend style={{ fontWeight: 600, marginBottom: \"4px\" }}>{title}</legend>\n      <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: \"8px\" }}>\n        {values.map((item) => (\n          <label key={item} style={{ display: \"inline-flex\", alignItems: \"center\", gap: \"6px\" }}>\n            <input\n              type=\"checkbox\"\n              checked={Boolean(selected?.includes(item))}\n              onChange={() => onToggle(item)}\n            />\n            {item}\n          </label>\n        ))}\n      </div>\n    </fieldset>\n  );\n\n  return (\n    <section data-featuredrop-admin-audience-builder style={panelStyles}>\n      <p style={headingStyles}>Audience Builder</p>\n      <div style={{ display: \"grid\", gap: \"10px\" }}>\n        {section(\"Plans\", segments, audience.plan, (item) =>\n          updateAudience({ ...audience, plan: toggle(audience.plan, item) }))}\n        {section(\"Roles\", roles, audience.role, (item) =>\n          updateAudience({ ...audience, role: toggle(audience.role, item) }))}\n        {section(\"Regions\", regions, audience.region, (item) =>\n          updateAudience({ ...audience, region: toggle(audience.region, item) }))}\n      </div>\n      {onSave && (\n        <button\n          type=\"button\"\n          style={{ marginTop: \"10px\" }}\n          onClick={() => {\n            void onSave(audience);\n          }}\n        >\n          Save audience\n        </button>\n      )}\n    </section>\n  );\n}\n"]}