openuispec 0.1.25 → 0.1.28

package/examples/taskflow/generated/web/TaskFlow/src/utils.ts

@@ -0,0 +1,78 @@
+import type { Filter, Project, Task } from "./types";
+
+export function matchesFilter(task: Task, filter: Filter) {
+  const due = task.dueDate ? new Date(task.dueDate) : null;
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+  if (filter === "all") return true;
+  if (filter === "done") return task.status === "done";
+  if (filter === "today") return Boolean(due && due.toDateString() === today.toDateString() && task.status !== "done");
+  return Boolean(due && due > today && task.status !== "done");
+}
+
+export function matchesQuery(task: Task, projects: Project[], query: string) {
+  if (!query.trim()) return true;
+  const projectName = projects.find((project) => project.id === task.projectId)?.name ?? "";
+  return [task.title, task.description ?? "", projectName, task.tags.join(" ")]
+    .join(" ")
+    .toLowerCase()
+    .includes(query.toLowerCase());
+}
+
+export function buildCounts(tasks: Task[]) {
+  return {
+    all: tasks.length,
+    today: tasks.filter((task) => matchesFilter(task, "today")).length,
+    upcoming: tasks.filter((task) => matchesFilter(task, "upcoming")).length,
+    done: tasks.filter((task) => task.status === "done").length
+  };
+}
+
+export function parseTags(value: string) {
+  return value
+    .split(",")
+    .map((item) => item.trim())
+    .filter(Boolean);
+}
+
+export function initials(name: string) {
+  return name
+    .split(" ")
+    .slice(0, 2)
+    .map((part) => part[0]?.toUpperCase() ?? "")
+    .join("");
+}
+
+export function relativeDate(value: string) {
+  const date = new Date(value);
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+  const target = new Date(date);
+  target.setHours(0, 0, 0, 0);
+  const diff = Math.round((target.getTime() - today.getTime()) / 86400000);
+  if (diff === 0) return "Today";
+  if (diff === 1) return "Tomorrow";
+  if (diff === -1) return "Yesterday";
+  if (diff > 1) return `in ${diff} days`;
+  return `${Math.abs(diff)} days ago`;
+}
+
+export function formatDate(value: string) {
+  return new Date(value).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+
+export function addDays(days: number) {
+  const next = new Date();
+  next.setDate(next.getDate() + days);
+  return next.toISOString();
+}
+
+export function daysAgo(days: number) {
+  const previous = new Date();
+  previous.setDate(previous.getDate() - days);
+  return previous.toISOString();
+}

package/examples/taskflow/generated/web/TaskFlow/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"],
+  "references": []
+}

package/examples/taskflow/generated/web/TaskFlow/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()]
+});

package/examples/taskflow/openuispec/README.md

@@ -0,0 +1,49 @@
+# TaskFlow — OpenUISpec
+
+This directory contains the **OpenUISpec** semantic UI specification for **TaskFlow**.
+
+**Start here:** read `openuispec.yaml` — it defines the project structure, data model, API endpoints, and generation targets (**ios, android, web**).
+
+## Directory structure
+
+| Directory | Contents |
+|-----------|----------|
+| `tokens/` | Design tokens — colors, typography, spacing, elevation, motion, icons, themes |
+| `screens/` | Screen definitions — one YAML file per screen |
+| `flows/` | Navigation flows — multi-step user journeys |
+| `contracts/` | Component contracts — standard extensions and custom (`x_` prefixed) |
+| `platform/` | Platform overrides — per-target (iOS, Android, Web) behaviors |
+| `locales/` | Localization — i18n strings (JSON, ICU MessageFormat) |
+
+## IMPORTANT — Read the specification before working with spec files
+
+The spec format, file schemas, and generation rules are defined in the installed `openuispec` package.
+You MUST read these reference files before creating, editing, or generating from any spec file.
+Do NOT guess the file format — skipping this step will produce invalid YAML that fails validation.
+
+**Find the package in this order:**
+1. `node_modules/openuispec/` (project dependency)
+2. Run `npm root -g` → `<prefix>/openuispec/` (global install)
+3. Online: `https://openuispec.rsteam.uz/llms-full.txt` (if not installed)
+
+**Reference files inside the package (read in this order):**
+1. `README.md` — schema tables, file format reference, root keys
+2. `spec/openuispec-v0.1.md` — full specification (contracts, layout, expressions, etc.)
+3. `examples/taskflow/openuispec/` — complete working example with all file types
+4. `schema/` — JSON Schemas for validation
+
+## CLI commands
+
+```bash
+openuispec validate             # Validate spec files against schemas
+openuispec validate semantic    # Check semantic cross-references
+openuispec validate screens     # Validate only screens
+openuispec status               # Show which targets are behind
+openuispec drift --target ios --explain   # Explain semantic spec drift since ios baseline
+openuispec prepare --target ios           # Build an AI-ready ios update bundle
+openuispec drift --snapshot --target ios  # Snapshot current state + git baseline after ios output exists
+```
+
+## Learn more
+
+Docs: https://openuispec.rsteam.uz

package/examples/todo-orbit/AGENTS.md

@@ -1,5 +1,5 @@
 <!-- openuispec-rules-start -->
-<!-- openuispec-rules-version: 0.1.22 -->
+<!-- openuispec-rules-version: 0.1.28 -->
 # OpenUISpec — AI Assistant Rules
 # ================================
 # This project uses OpenUISpec to define UI as a semantic spec.
@@ -20,7 +20,7 @@ Do NOT guess the file format — skipping this step will produce invalid YAML th
 **Reference files inside the package (read in this order):**
 1. `README.md` — schema tables, file format reference, root wrapper keys
 2. `spec/openuispec-v0.1.md` — full specification (contracts, layout, expressions, adaptive, etc.)
-3. `examples/taskflow/` — complete working example with all file types
+3. `examples/taskflow/openuispec/` — complete working example with all file types
 4. `schema/` — JSON Schemas for every file type
 
 These files are updated with each package version. Always read from the installed package,
@@ -57,24 +57,56 @@ This means the project has existing UI code but hasn't been specced yet. Your jo
 4. **Extract tokens** — scan for colors, fonts, spacing and create files in `openuispec/tokens/`.
 5. **Update the manifest** — fill in `data_model` and `api.endpoints` in `openuispec/openuispec.yaml`.
 
-## Making UI changes
-1. Read the relevant spec files before modifying any UI code.
-2. If the change requires a spec update, modify the spec FIRST, then update code.
-3. Never modify generated code without updating the spec.
-4. When adding a new screen, create the corresponding spec file.
-5. When removing a screen, remove the spec file and update flow references.
+## OpenUISpec Source Of Truth
 
-## After modifying spec files
-1. Run `openuispec validate` to check specs against the schema.
-2. **Update the generated code** for each affected platform to match the new spec.
-3. Run `openuispec drift --snapshot --target <target>` to baseline the updated state.
-4. Run `openuispec drift` to verify no untracked drift remains.
+OpenUISpec spec files are the primary source of truth for UI behavior across platforms.
+
+### Start from spec when:
+- the request changes screen structure
+- the request changes navigation
+- the request changes fields, actions, validation, or data binding
+- the request changes tokens, variants, contracts, flows, or localization
+- the request affects more than one platform
+- the request is phrased in product/UI terms rather than platform-code terms
+
+Spec-first workflow:
+1. Read `openuispec/openuispec.yaml` and the relevant spec files first.
+2. Update the spec first.
+3. Update the affected generated/native UI code to match the spec.
+4. Run `openuispec validate`.
+5. Run `openuispec validate semantic`.
+6. Run `openuispec drift --target <target> --explain` to inspect semantic changes since that target's baseline.
+7. Run `openuispec prepare --target <target>` to build the AI/developer work bundle for that target.
+8. Verify the affected UI targets build/run if possible.
+9. Only then run `openuispec drift --snapshot --target <target>` for affected targets, after that target output directory exists.
+10. Run `openuispec drift --target <target> --explain` again to confirm no spec changes remain for that target.
+11. Use `openuispec status` to see which other targets are still behind the updated spec.
+
+### Start from platform code when:
+- the change is platform-specific polish
+- the change is a local bug fix that does not alter shared semantic behavior
+- the request explicitly asks for an iOS-only, Android-only, or web-only adjustment
+
+Platform-first workflow:
+1. Update native/platform code.
+2. If the change affects shared semantics, sync the spec afterward.
+3. If the change is intentionally platform-specific, document it in `platform/*.yaml` when appropriate.
+
+### Never do this:
+- Do not snapshot drift immediately after changing spec unless the UI code has also been updated.
+- Do not treat `openuispec drift` as proof that generated UI matches the spec.
+- Do not skip `--explain` / `prepare` when another platform needs to catch up with shared spec changes.
+- Do not modify generated UI without checking whether the spec must change first.
 
 ## CLI commands
 - `openuispec init` — scaffold a new spec project
 - `openuispec validate [group...]` — validate spec files against schemas
+- `openuispec validate semantic` — run semantic cross-reference linting
 - `openuispec drift --target <t>` — check for spec drift
-- `openuispec drift --snapshot --target <t>` — snapshot current state
+- `openuispec drift --target <t> --explain` — explain semantic spec drift since the target baseline
+- `openuispec drift --snapshot --target <t>` — snapshot current state after the target output exists
+- `openuispec prepare --target <t>` — build an AI-ready target update bundle
+- `openuispec status` — show cross-target baseline/drift status
 - `openuispec update-rules` — update AI rules to match installed package version
 - `openuispec drift --all` — include stubs in drift check
 <!-- openuispec-rules-end -->

package/examples/todo-orbit/CLAUDE.md

@@ -1,5 +1,5 @@
 <!-- openuispec-rules-start -->
-<!-- openuispec-rules-version: 0.1.22 -->
+<!-- openuispec-rules-version: 0.1.28 -->
 # OpenUISpec — AI Assistant Rules
 # ================================
 # This project uses OpenUISpec to define UI as a semantic spec.
@@ -20,7 +20,7 @@ Do NOT guess the file format — skipping this step will produce invalid YAML th
 **Reference files inside the package (read in this order):**
 1. `README.md` — schema tables, file format reference, root wrapper keys
 2. `spec/openuispec-v0.1.md` — full specification (contracts, layout, expressions, adaptive, etc.)
-3. `examples/taskflow/` — complete working example with all file types
+3. `examples/taskflow/openuispec/` — complete working example with all file types
 4. `schema/` — JSON Schemas for every file type
 
 These files are updated with each package version. Always read from the installed package,
@@ -57,24 +57,56 @@ This means the project has existing UI code but hasn't been specced yet. Your jo
 4. **Extract tokens** — scan for colors, fonts, spacing and create files in `openuispec/tokens/`.
 5. **Update the manifest** — fill in `data_model` and `api.endpoints` in `openuispec/openuispec.yaml`.
 
-## Making UI changes
-1. Read the relevant spec files before modifying any UI code.
-2. If the change requires a spec update, modify the spec FIRST, then update code.
-3. Never modify generated code without updating the spec.
-4. When adding a new screen, create the corresponding spec file.
-5. When removing a screen, remove the spec file and update flow references.
+## OpenUISpec Source Of Truth
 
-## After modifying spec files
-1. Run `openuispec validate` to check specs against the schema.
-2. **Update the generated code** for each affected platform to match the new spec.
-3. Run `openuispec drift --snapshot --target <target>` to baseline the updated state.
-4. Run `openuispec drift` to verify no untracked drift remains.
+OpenUISpec spec files are the primary source of truth for UI behavior across platforms.
+
+### Start from spec when:
+- the request changes screen structure
+- the request changes navigation
+- the request changes fields, actions, validation, or data binding
+- the request changes tokens, variants, contracts, flows, or localization
+- the request affects more than one platform
+- the request is phrased in product/UI terms rather than platform-code terms
+
+Spec-first workflow:
+1. Read `openuispec/openuispec.yaml` and the relevant spec files first.
+2. Update the spec first.
+3. Update the affected generated/native UI code to match the spec.
+4. Run `openuispec validate`.
+5. Run `openuispec validate semantic`.
+6. Run `openuispec drift --target <target> --explain` to inspect semantic changes since that target's baseline.
+7. Run `openuispec prepare --target <target>` to build the AI/developer work bundle for that target.
+8. Verify the affected UI targets build/run if possible.
+9. Only then run `openuispec drift --snapshot --target <target>` for affected targets, after that target output directory exists.
+10. Run `openuispec drift --target <target> --explain` again to confirm no spec changes remain for that target.
+11. Use `openuispec status` to see which other targets are still behind the updated spec.
+
+### Start from platform code when:
+- the change is platform-specific polish
+- the change is a local bug fix that does not alter shared semantic behavior
+- the request explicitly asks for an iOS-only, Android-only, or web-only adjustment
+
+Platform-first workflow:
+1. Update native/platform code.
+2. If the change affects shared semantics, sync the spec afterward.
+3. If the change is intentionally platform-specific, document it in `platform/*.yaml` when appropriate.
+
+### Never do this:
+- Do not snapshot drift immediately after changing spec unless the UI code has also been updated.
+- Do not treat `openuispec drift` as proof that generated UI matches the spec.
+- Do not skip `--explain` / `prepare` when another platform needs to catch up with shared spec changes.
+- Do not modify generated UI without checking whether the spec must change first.
 
 ## CLI commands
 - `openuispec init` — scaffold a new spec project
 - `openuispec validate [group...]` — validate spec files against schemas
+- `openuispec validate semantic` — run semantic cross-reference linting
 - `openuispec drift --target <t>` — check for spec drift
-- `openuispec drift --snapshot --target <t>` — snapshot current state
+- `openuispec drift --target <t> --explain` — explain semantic spec drift since the target baseline
+- `openuispec drift --snapshot --target <t>` — snapshot current state after the target output exists
+- `openuispec prepare --target <t>` — build an AI-ready target update bundle
+- `openuispec status` — show cross-target baseline/drift status
 - `openuispec update-rules` — update AI rules to match installed package version
 - `openuispec drift --all` — include stubs in drift check
 <!-- openuispec-rules-end -->

package/examples/todo-orbit/generated/android/Todo Orbit/app/src/main/java/uz/rsteam/todoorbit/ui/components/CommonComponents.kt

@@ -4,8 +4,6 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.ExperimentalLayoutApi
-import androidx.compose.foundation.layout.FlowRow
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -13,19 +11,27 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.CircleShape
-import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.outlined.Translate
 import androidx.compose.material3.Card
 import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.DropdownMenu
+import androidx.compose.material3.DropdownMenuItem
 import androidx.compose.material3.ElevatedCard
-import androidx.compose.material3.FilterChip
-import androidx.compose.material3.Icon
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.ExposedDropdownMenuBox
+import androidx.compose.material3.ExposedDropdownMenuDefaults
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.OutlinedCard
 import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.SegmentedButton
+import androidx.compose.material3.SegmentedButtonDefaults
+import androidx.compose.material3.SingleChoiceSegmentedButtonRow
 import androidx.compose.material3.Switch
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
@@ -75,9 +81,7 @@ fun LanguageSelector(current: UiLocale, onSelected: (UiLocale) -> Unit) {
             UiLocale.En.name to stringResource(R.string.settings_language_en),
             UiLocale.Ru.name to stringResource(R.string.settings_language_ru)
         ),
-        leadingIcon = {
-            Icon(Icons.Outlined.Translate, contentDescription = null, tint = MaterialTheme.colorScheme.onSurfaceVariant)
-        },
+        style = EnumSelectorStyle.Segmented,
         onSelected = { selected -> onSelected(UiLocale.entries.first { it.name == selected }) }
     )
 }
@@ -91,29 +95,76 @@ fun ThemeSelector(current: ThemeMode, onSelected: (ThemeMode) -> Unit) {
             ThemeMode.Light.name to stringResource(R.string.settings_theme_light),
             ThemeMode.Dark.name to stringResource(R.string.settings_theme_dark)
         ),
+        style = EnumSelectorStyle.Segmented,
         onSelected = { selected -> onSelected(ThemeMode.entries.first { it.name == selected }) }
     )
 }
 
-@OptIn(ExperimentalLayoutApi::class)
+enum class EnumSelectorStyle {
+    Segmented,
+    Dropdown
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
 @Composable
 fun EnumSelector(
     title: String,
     current: String,
     options: List<Pair<String, String>>,
+    style: EnumSelectorStyle = EnumSelectorStyle.Segmented,
     leadingIcon: @Composable (() -> Unit)? = null,
     onSelected: (String) -> Unit
 ) {
     Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
         Text(title, style = MaterialTheme.typography.titleSmall)
-        FlowRow(horizontalArrangement = Arrangement.spacedBy(8.dp), verticalArrangement = Arrangement.spacedBy(8.dp)) {
-            options.forEach { (value, label) ->
-                FilterChip(
-                    selected = value == current,
-                    onClick = { onSelected(value) },
-                    label = { Text(label) },
-                    leadingIcon = if (value == current && leadingIcon != null) leadingIcon else null
-                )
+        when (style) {
+            EnumSelectorStyle.Segmented -> {
+                SingleChoiceSegmentedButtonRow(modifier = Modifier.fillMaxWidth()) {
+                    options.forEachIndexed { index, (value, label) ->
+                        SegmentedButton(
+                            selected = value == current,
+                            onClick = { onSelected(value) },
+                            shape = SegmentedButtonDefaults.itemShape(index = index, count = options.size),
+                            label = { Text(label) }
+                        )
+                    }
+                }
+            }
+
+            EnumSelectorStyle.Dropdown -> {
+                var expanded by remember { mutableStateOf(false) }
+                val selectedLabel = options.firstOrNull { it.first == current }?.second.orEmpty()
+                ExposedDropdownMenuBox(
+                    expanded = expanded,
+                    onExpandedChange = { expanded = !expanded }
+                ) {
+                    OutlinedTextField(
+                        value = selectedLabel,
+                        onValueChange = {},
+                        modifier = Modifier
+                            .menuAnchor()
+                            .fillMaxWidth(),
+                        readOnly = true,
+                        label = { Text(title) },
+                        leadingIcon = leadingIcon,
+                        trailingIcon = { ExposedDropdownMenuDefaults.TrailingIcon(expanded = expanded) },
+                        shape = MaterialTheme.shapes.medium
+                    )
+                    DropdownMenu(
+                        expanded = expanded,
+                        onDismissRequest = { expanded = false }
+                    ) {
+                        options.forEach { (value, label) ->
+                            DropdownMenuItem(
+                                text = { Text(label) },
+                                onClick = {
+                                    expanded = false
+                                    onSelected(value)
+                                }
+                            )
+                        }
+                    }
+                }
             }
         }
     }

package/examples/todo-orbit/generated/android/Todo Orbit/app/src/main/java/uz/rsteam/todoorbit/ui/screens/TasksScreen.kt

@@ -235,6 +235,11 @@ fun TaskDetailPane(
             item {
                 Row(horizontalArrangement = Arrangement.SpaceBetween, modifier = Modifier.fillMaxWidth()) {
                     Column(modifier = Modifier.fillMaxWidth(0.72f)) {
+                        Text(
+                            stringResource(R.string.task_detail_title),
+                            style = MaterialTheme.typography.labelLarge,
+                            color = MaterialTheme.colorScheme.onSurfaceVariant
+                        )
                         Text(task.title, style = MaterialTheme.typography.headlineSmall, fontWeight = FontWeight.Bold)
                         Text(
                             task.dueDate?.let { formatAbsolute(it, locale) } ?: stringResource(R.string.task_detail_no_due_date),

package/examples/todo-orbit/generated/android/Todo Orbit/app/src/main/java/uz/rsteam/todoorbit/ui/sheets/EditorSheets.kt

@@ -80,6 +80,7 @@ fun TaskEditorSheet(
                 title = stringResource(R.string.create_task_field_priority),
                 current = localDraft.priority.name,
                 options = priorityOptions,
+                style = EnumSelectorStyle.Segmented,
                 onSelected = { selected ->
                     localDraft = localDraft.copy(priority = Priority.entries.first { it.name == selected })
                 }
@@ -185,11 +186,11 @@ fun RecurringRuleSheet(
                 title = stringResource(R.string.recurring_rule_field_cadence),
                 current = draft.cadence?.name.orEmpty(),
                 options = listOf(
-                    "" to "—",
                     Cadence.Daily.name to dailyCadenceLabel,
                     Cadence.Weekly.name to weeklyCadenceLabel,
                     Cadence.Monthly.name to monthlyCadenceLabel
                 ),
+                style = EnumSelectorStyle.Segmented,
                 onSelected = {
                     draft = draft.copy(
                         cadence = Cadence.entries.firstOrNull { entry -> entry.name == it },
@@ -211,6 +212,7 @@ fun RecurringRuleSheet(
                     title = stringResource(R.string.recurring_rule_field_weekday),
                     current = draft.weekday?.name.orEmpty(),
                     options = weekdayOptions,
+                    style = EnumSelectorStyle.Dropdown,
                     onSelected = { draft = draft.copy(weekday = Weekday.entries.firstOrNull { day -> day.name == it }) }
                 )
             }
@@ -266,7 +268,8 @@ fun RecurringRuleSheet(
                 EnumSelector(
                     title = stringResource(R.string.recurring_rule_field_summary_channel),
                     current = draft.summaryChannel?.name.orEmpty(),
-                    options = summaryChannelOptions,
+                    options = summaryChannelOptions.drop(1),
+                    style = EnumSelectorStyle.Segmented,
                     onSelected = {
                         draft = draft.copy(summaryChannel = SummaryChannel.entries.firstOrNull { item -> item.name == it })
                     }

package/examples/todo-orbit/generated/android/Todo Orbit/app/src/main/res/values/strings.xml

@@ -18,6 +18,7 @@
     <string name="home_empty_title">Nothing to do</string>
     <string name="home_empty_body">Add a task or switch filters to see more items.</string>
     <string name="task_detail_no_due_date">No deadline</string>
+    <string name="task_detail_title">Task details</string>
     <string name="task_detail_status">Status</string>
     <string name="task_detail_priority">Priority</string>
     <string name="task_detail_notes">Notes</string>

package/examples/todo-orbit/generated/android/Todo Orbit/app/src/main/res/values-ru/strings.xml

@@ -18,6 +18,7 @@
     <string name="home_empty_title">Список пуст</string>
     <string name="home_empty_body">Добавьте задачу или смените фильтр, чтобы увидеть элементы.</string>
     <string name="task_detail_no_due_date">Без срока</string>
+    <string name="task_detail_title">Детали задачи</string>
     <string name="task_detail_status">Статус</string>
     <string name="task_detail_priority">Приоритет</string>
     <string name="task_detail_notes">Заметки</string>

package/examples/todo-orbit/generated/ios/Todo Orbit/Resources/en.lproj/Localizable.strings

@@ -26,6 +26,7 @@
 "analytics.overdue_section" = "Overdue review";
 "analytics.overdue_subtitle" = "Tasks that need attention first.";
 "analytics.empty_overdue_body" = "Everything important is on track.";
+"task_detail.title" = "Task details";
 "task_detail.status" = "Status";
 "task_detail.priority" = "Priority";
 "task_detail.notes" = "Notes";

package/examples/todo-orbit/generated/ios/Todo Orbit/Resources/ru.lproj/Localizable.strings

@@ -26,6 +26,7 @@
 "analytics.overdue_section" = "Просроченные задачи";
 "analytics.overdue_subtitle" = "Задачи, которым нужно уделить внимание в первую очередь.";
 "analytics.empty_overdue_body" = "Все важные задачи идут по плану.";
+"task_detail.title" = "Детали задачи";
 "task_detail.status" = "Статус";
 "task_detail.priority" = "Приоритет";
 "task_detail.notes" = "Заметки";

package/examples/todo-orbit/generated/ios/Todo Orbit/Sources/TodoOrbit/Flows/RecurringRuleSheet.swift

@@ -34,6 +34,7 @@ struct RecurringRuleSheet: View {
                                     .tag(RecurrenceCadence?.some(cadence))
                             }
                         }
+                        .pickerStyle(.segmented)
                         errorText("cadence")
 
                         TextField(model.string("recurring_rule.field_interval"), text: $draft.interval)
@@ -47,6 +48,7 @@ struct RecurringRuleSheet: View {
                                     Text(model.label(for: weekday)).tag(Weekday?.some(weekday))
                                 }
                             }
+                            .pickerStyle(.menu)
                             errorText("weekday")
                         }
 
@@ -79,6 +81,7 @@ struct RecurringRuleSheet: View {
                                         .tag(SummaryChannel?.some(channel))
                                 }
                             }
+                            .pickerStyle(.segmented)
                             errorText("summaryChannel")
                         }
                     }

package/examples/todo-orbit/generated/ios/Todo Orbit/Sources/TodoOrbit/Flows/TaskEditorSheet.swift

@@ -27,6 +27,7 @@ struct TaskEditorSheet: View {
                             Text(model.label(for: priority)).tag(priority)
                         }
                     }
+                    .pickerStyle(.segmented)
                     DatePicker(
                         model.string(editingTaskID == nil ? "create_task.field_due_date" : "edit_task.field_due_date"),
                         selection: Binding(

package/examples/todo-orbit/generated/ios/Todo Orbit/Sources/TodoOrbit/Screens/SettingsView.swift

@@ -20,11 +20,13 @@ struct SettingsView: View {
                         Text(model.string("settings.language_en")).tag(AppLocale.en)
                         Text(model.string("settings.language_ru")).tag(AppLocale.ru)
                     }
+                    .pickerStyle(.segmented)
 
                     Picker(model.string("settings.theme"), selection: $draft.theme) {
                         Text(model.string("settings.theme_light")).tag(ThemePreference.light)
                         Text(model.string("settings.theme_dark")).tag(ThemePreference.dark)
                     }
+                    .pickerStyle(.segmented)
 
                     Toggle(model.string("settings.reminders"), isOn: $draft.remindersEnabled)
                     Toggle(model.string("settings.daily_summary"), isOn: $draft.dailySummaryEnabled)

package/examples/todo-orbit/generated/ios/Todo Orbit/Sources/TodoOrbit/Screens/TasksHomeView.swift

@@ -312,6 +312,7 @@ private struct TaskDetailPanel: View {
             }
             .padding()
         }
+        .navigationTitle(model.string("task_detail.title"))
     }
 
     private func stat(_ title: String, value: String) -> some View {

package/examples/todo-orbit/generated/ios/Todo Orbit/Sources/TodoOrbit/Support/AppModel.swift

@@ -286,7 +286,7 @@ final class AppModel: ObservableObject {
         guard let date else { return string("task_detail.no_due_date") }
         let formatter = RelativeDateTimeFormatter()
         formatter.locale = locale
-        formatter.unitsStyle = .full
+        formatter.unitsStyle = .abbreviated
         return formatter.localizedString(for: date, relativeTo: .now)
     }