サンプルの指示YAML project: name: AI-Agent-Platform-Mobile description: モバイル用管理画面一式（Dashboard～SystemSettings、AgentSettings） designSystem: name: ModernMobile typography: scale: [12, 14, 16, 20, 24, 32] fontFamily: "Inter, sans-serif" color: primary: "#5C6BC0" onPrimary: "#FFFFFF" secondary: "#FFCA28" background: "#F5F5F5" surface: "#FFFFFF" error: "#E53935" elevation: level0: 0 level1: 2 level2: 4 level3: 8 patterns: - name: BottomNavigation description: 「下部タブバー」で主要セクションを切り替え - name: SwipeableCard description: 左右にスワイプして操作できるカードリスト - name: PullToRefresh description: リストの一番上を引っ張って更新 - name: FAB description: 画面右下のフローティングアクションボタン - name: SnackBar description: 画面下部に一時的に出る通知 screens: - name: DashboardMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch sections: - component: name: KeyMetricsCard type: molecule layout: autoLayout: true direction: vertical spacing: 12 padding: [16, 16] alignment: stretch properties: - name: metrics type: list items: - { label: "Active Agents", value: 12 } - { label: "Workflows Run", value: 345 } - { label: "Error Rate", value: "1.2%" } - component: name: RecentActivityLog type: molecule layout: autoLayout: true direction: vertical spacing: 8 padding: [16, 16] properties: - name: logs type: list - component: name: SystemHealthDonut type: molecule layout: autoLayout: true direction: horizontal spacing: 8 padding: [16, 16] alignment: center properties: - name: status type: chart chartType: "donut" data: [{ label: "OK", value: 95 }, { label: "Warn", value: 5 }] - name: AgentManagementMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch sections: - component: name: AgentListItem type: molecule layout: autoLayout: true direction: vertical spacing: 4 padding: [12, 12] alignment: stretch properties: - name: name type: text - name: status type: text - name: lastRun type: text - component: name: AddAgentButton patternRef: FAB type: atom layout: autoLayout: true direction: horizontal spacing: 8 padding: [14, 20] alignment: center properties: - name: label type: text default: "新規エージェント作成" - name: variant type: variant default: "primary" children: - type: text bind: label - name: WorkflowManagementMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch sections: - component: name: WorkflowListItem type: molecule layout: autoLayout: true direction: vertical spacing: 4 padding: [12, 12] properties: - name: name type: text - name: trigger type: text - name: lastRun type: text - component: name: PullToRefreshList patternRef: PullToRefresh type: molecule layout: autoLayout: true direction: vertical spacing: 4 properties: - name: items type: list - name: RAGSettingsMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch sections: - component: name: DataSourceItem type: molecule layout: autoLayout: true direction: horizontal spacing: 8 padding: [12, 12] alignment: space-between properties: - name: sourceName type: text - name: connectionType type: text - component: name: IndexList patternRef: SwipeableCard type: molecule layout: autoLayout: true direction: vertical spacing: 12 properties: - name: indexes type: list - name: SystemSettingsMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch sections: - component: name: ThemeToggle type: molecule layout: autoLayout: true direction: horizontal spacing: 8 padding: [12, 12] alignment: center properties: - name: theme type: toggle options: ["Light", "Dark"] - component: name: NotificationChannels type: molecule layout: autoLayout: true direction: vertical spacing: 4 padding: [12, 12] properties: - name: channels type: multiselect options: ["Email", "Slack", "PagerDuty"] - name: AgentSettingsMobile designSystemRef: ModernMobile type: organism layout: width: 375 autoLayout: true direction: vertical spacing: 16 padding: [24, 16] alignment: stretch patternUsage: - pattern: BottomNavigation properties: items: - { icon: "home", label: "Dashboard" } - { icon: "robot", label: "Agents" } - { icon: "workflow", label: "Workflows" } - { icon: "settings", label: "Settings" } sections: - component: name: PageHeader type: molecule layout: autoLayout: true direction: horizontal spacing: 12 padding: [0, 0] alignment: center children: - type: icon source: "icon/arrow-back" - type: text content: "Agent Settings" style: fontSize: 20 fontWeight: bold - component: name: SettingsList type: molecule patternRef: SwipeableCard layout: autoLayout: true direction: vertical spacing: 12 properties: - name: items type: list itemTemplate: - name: title type: text - name: icon type: icon - name: action type: switch - component: name: SaveFAB type: atom patternRef: FAB properties: - name: icon type: icon source: "icon/check" - name: action type: function value: "saveSettings()"

#Programming: What's a better alternative to naming a class with a "Manager" suffix? I find that sometimes just dropping the "Manager" suffix and pluralising what remains plain works. For example, "NotificationChannels" instead of "NotificationChannelManager" 🤷‍♂️

Monitara will make sure all aspects of your DevOps process are handled efficiently. Visit monitara.com to learn more about our comprehensive DevOps solution! #DevOpsSolution #MonitaraDevOps #NotificationChannels

Your friendly reminder that you can set up email notifications in ChainBorn (without sharing your email with us 🤯) using @TezID_net ✨ 📨 Protip: Sign up for promotional and get stickers! #chainborn #nft #tcg #tezos #tezid #notificationchannels

👀 👀 ❤️ 🙏 Blogpost very soon 🙌 #tezid #notificationchannels #tezos

👀 👀 😬 🤓 ✨ #tezid #notificationchannels #tezos

When do you create NotificationChannels? When the app is launched or when you are sending the notification? #androiddev

📢 Send LocalNotifications at a specific time. Now supports Android 8 NotificationChannels #myflashlabs myflashlabs.com/product/loca… Update your #AdobeAIR #ANE to V2.0.0

昨日公開したO対応の資料のNotificationChannelsの再生成について先のツイートの通り更新しました。また、firebase-messagingライブラリのバグについてのバージョンなどについてもより正確な情報に更新しました #SouzohAndroidTalk

There's the basic stuff like better battery life and new emojis but 2 cool features of #AndroidO are #NotificationChannels which allow users more control over which Push notification they want to see and #ParallelApps which allow you to check your mail while having Skype call

تعرّف على ميزة #قنوات #الإشعارات #NotificationChannels ventaAndroid.com/link/xMlLb

Let's learn about #NotificationChannels at the Notification #UX talk #IO17