@open-mercato/core 0.7.1-develop.7193.1.910a5b0a1e → 0.7.1-develop.7195.1.b5efd1d51a

package/dist/modules/workflows/components/mobile/MobileTaskForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/mobile/MobileTaskForm.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Separator } from '@open-mercato/ui/primitives/separator'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { UserTaskResponse, UserTaskStatus, JsonSchemaField } from '../../data/types'\n\ninterface MobileTaskFormProps {\n  task: UserTaskResponse\n  formData: Record<string, string | number | boolean>\n  comments: string\n  submitting: boolean\n  isCompletable: boolean\n  isOverdue: boolean | null | undefined\n  onFieldChange: (fieldName: string, value: string | number | boolean) => void\n  onCommentsChange: (value: string) => void\n  onSubmit: (e: React.FormEvent) => void\n  onCancel: () => void\n  getStatusBadgeClass: (status: UserTaskStatus) => string\n}\n\nexport function MobileTaskForm({\n  task,\n  formData,\n  comments,\n  submitting,\n  isCompletable,\n  isOverdue,\n  onFieldChange,\n  onCommentsChange,\n  onSubmit,\n  onCancel,\n  getStatusBadgeClass,\n}: MobileTaskFormProps) {\n  const t = useT()\n\n  const fieldValue = (fieldName: string): string | number => {\n    const val = formData[fieldName]\n    if (val == null || val === false) return ''\n    if (typeof val === 'boolean') return ''\n    return val\n  }\n\n  const renderFormField = (fieldName: string, fieldSchema: JsonSchemaField) => {\n    const fieldType = fieldSchema.type || 'string'\n    const fieldTitle = fieldSchema.title || fieldName\n    const fieldDescription = fieldSchema.description\n    const required = task.formSchema?.required?.includes(fieldName) || false\n    const enumValues = fieldSchema.enum\n\n    if (enumValues && Array.isArray(enumValues)) {\n      return (\n        <div key={fieldName} className=\"space-y-2\">\n          <Label htmlFor={fieldName}>\n            {fieldTitle}\n            {required && <span className=\"text-status-error-text ml-1\">*</span>}\n          </Label>\n          {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n          <Select\n            value={fieldValue(fieldName) ? String(fieldValue(fieldName)) : undefined}\n            onValueChange={(value) => onFieldChange(fieldName, value ?? '')}\n          >\n            <SelectTrigger id={fieldName} size=\"lg\" aria-required={required}>\n              <SelectValue placeholder={t('workflows.tasks.detail.form.selectOption')} />\n            </SelectTrigger>\n            <SelectContent>\n              {enumValues.map((value: string) => (\n                <SelectItem key={value} value={value}>{value}</SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    switch (fieldType) {\n      case 'string':\n        if (fieldSchema.maxLength && fieldSchema.maxLength > 200) {\n          return (\n            <div key={fieldName} className=\"space-y-2\">\n              <Label htmlFor={fieldName}>\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </Label>\n              {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n              <Textarea\n                id={fieldName}\n                value={fieldValue(fieldName)}\n                onChange={(e) => onFieldChange(fieldName, e.target.value)}\n                required={required}\n                rows={4}\n                className=\"text-base\"\n              />\n            </div>\n          )\n        }\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <Label htmlFor={fieldName}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type={fieldSchema.format === 'email' ? 'email' : fieldSchema.format === 'date' ? 'date' : 'text'}\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value)}\n              required={required}\n              className=\"h-11 text-base\"\n            />\n          </div>\n        )\n\n      case 'number':\n      case 'integer':\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <Label htmlFor={fieldName}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type=\"number\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value ? Number(e.target.value) : '')}\n              required={required}\n              step={fieldType === 'integer' ? 1 : 'any'}\n              className=\"h-11 text-base\"\n            />\n          </div>\n        )\n\n      case 'boolean':\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <div className=\"flex items-center gap-3 h-11\">\n              <Checkbox\n                id={fieldName}\n                checked={!!formData[fieldName]}\n                onCheckedChange={(checked) => onFieldChange(fieldName, !!checked)}\n              />\n              <Label htmlFor={fieldName} className=\"font-medium\">\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </Label>\n            </div>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n          </div>\n        )\n\n      default:\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <Label htmlFor={fieldName}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type=\"text\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value)}\n              required={required}\n              className=\"h-11 text-base\"\n            />\n          </div>\n        )\n    }\n  }\n\n  return (\n    <div className=\"space-y-4 pb-4\">\n      <div className=\"flex items-start justify-between gap-2\">\n        <h1 className=\"text-lg font-semibold\">{task.taskName}</h1>\n        <span className={`shrink-0 inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(task.status)}`}>\n          {t(`workflows.tasks.statuses.${task.status}`)}\n        </span>\n      </div>\n\n      {task.description && (\n        <p className=\"text-sm text-muted-foreground\">{task.description}</p>\n      )}\n\n      {isOverdue && (\n        <div className=\"bg-status-error-bg border border-status-error-border rounded-lg p-3\">\n          <p className=\"text-sm text-status-error-text font-medium\">{t('workflows.tasks.detail.overdueWarning')}</p>\n        </div>\n      )}\n\n      <div className=\"rounded-lg bg-muted/50 p-3 space-y-2.5\">\n        <h2 className=\"text-xs font-semibold uppercase text-muted-foreground\">{t('workflows.tasks.detail.sections.taskInfo')}</h2>\n        <div className=\"space-y-2 text-sm\">\n          <div className=\"flex justify-between\">\n            <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.createdAt')}:</span>\n            <span className=\"text-right text-xs\">{new Date(task.createdAt).toLocaleString()}</span>\n          </div>\n          {task.dueDate && (\n            <div className=\"flex justify-between\">\n              <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.dueDate')}:</span>\n              <span className={`text-right text-xs ${isOverdue ? 'text-status-error-text font-medium' : ''}`}>\n                {new Date(task.dueDate).toLocaleString()}\n              </span>\n            </div>\n          )}\n          {task.assignedTo && (\n            <div className=\"flex justify-between\">\n              <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.assignedTo')}:</span>\n              <span className=\"text-right\">{task.assignedTo}</span>\n            </div>\n          )}\n          <div className=\"flex justify-between\">\n            <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.workflowInstance')}:</span>\n            <Link\n              href={`/backend/instances/${task.workflowInstanceId}`}\n              className=\"text-primary hover:underline text-xs font-mono\"\n            >\n              {task.workflowInstanceId.slice(0, 8)}...\n            </Link>\n          </div>\n        </div>\n      </div>\n\n      {!isCompletable && (\n        <div className=\"bg-status-info-bg border border-status-info-border rounded-lg p-3\">\n          <p className=\"text-sm text-status-info-text\">{t('workflows.tasks.detail.cannotComplete')}</p>\n        </div>\n      )}\n\n      {isCompletable && (\n        <form onSubmit={onSubmit} className=\"space-y-4\">\n          {task.formSchema?.properties && (\n            <>\n              <Separator />\n              <h2 className=\"text-base font-semibold\">{t('workflows.tasks.detail.sections.form')}</h2>\n              <div className=\"space-y-4\">\n                {Object.keys(task.formSchema!.properties!).map((fieldName) =>\n                  renderFormField(fieldName, task.formSchema!.properties![fieldName])\n                )}\n              </div>\n            </>\n          )}\n\n          {!task.formSchema?.properties && (\n            <div className=\"bg-status-info-bg border border-status-info-border rounded-lg p-3\">\n              <p className=\"text-sm text-status-info-text\">{t('workflows.tasks.detail.noFormSchema')}</p>\n            </div>\n          )}\n\n          <Separator />\n\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"m-comments\">\n              {t('workflows.tasks.detail.comments')} ({t('workflows.tasks.detail.optional')})\n            </Label>\n            <Textarea\n              id=\"m-comments\"\n              value={comments}\n              onChange={(e) => onCommentsChange(e.target.value)}\n              rows={3}\n              className=\"text-base\"\n              placeholder={t('workflows.tasks.detail.commentsPlaceholder')}\n            />\n          </div>\n\n          <div className=\"sticky bottom-0 border-t bg-background p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] z-10\">\n            <div className=\"flex gap-3\">\n              <Button\n                type=\"submit\"\n                disabled={submitting}\n                className=\"flex-1 h-11\"\n              >\n                {submitting ? t('workflows.tasks.detail.submitting') : t('workflows.tasks.detail.completeTask')}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={onCancel}\n                disabled={submitting}\n                className=\"h-11\"\n              >\n                {t('common.cancel')}\n              </Button>\n            </div>\n          </div>\n        </form>\n      )}\n\n      {task.status === 'COMPLETED' && task.formData && (\n        <>\n          <Separator />\n          <JsonDisplay\n            data={task.formData}\n            title={t('workflows.tasks.detail.sections.submittedData')}\n            maxInitialDepth={2}\n          />\n          {task.comments && (\n            <div className=\"bg-muted/50 rounded-lg p-3\">\n              <p className=\"text-sm font-medium text-foreground mb-1\">{t('workflows.tasks.detail.comments')}:</p>\n              <p className=\"text-sm text-muted-foreground whitespace-pre-wrap\">{task.comments}</p>\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Separator } from '@open-mercato/ui/primitives/separator'\nimport { JsonDisplay } from '@open-mercato/ui/backend/JsonDisplay'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { UserTaskDecision, UserTaskResponse, UserTaskStatus, JsonSchemaField } from '../../data/types'\nimport { flattenTaskText } from '../../lib/task-resolution'\n\ninterface MobileTaskFormProps {\n  task: UserTaskResponse\n  formData: Record<string, string | number | boolean>\n  comments: string\n  submitting: boolean\n  isCompletable: boolean\n  isOverdue: boolean | null | undefined\n  onFieldChange: (fieldName: string, value: string | number | boolean) => void\n  onCommentsChange: (value: string) => void\n  onSubmit: (e: React.FormEvent) => void\n  onCancel: () => void\n  getStatusBadgeClass: (status: UserTaskStatus) => string\n  /**\n   * Decision buttons authored on the step (spec \u00A76.2). When present they REPLACE\n   * the generic \"Complete\" button: a step that offers named outcomes must not\n   * also offer an unnamed one, or the recorded decision becomes optional.\n   */\n  decisions?: UserTaskDecision[]\n  onDecision?: (decisionId: string) => void\n}\n\nexport function MobileTaskForm({\n  task,\n  formData,\n  comments,\n  submitting,\n  isCompletable,\n  isOverdue,\n  onFieldChange,\n  onCommentsChange,\n  onSubmit,\n  onCancel,\n  getStatusBadgeClass,\n  decisions,\n  onDecision,\n}: MobileTaskFormProps) {\n  const t = useT()\n\n  const fieldValue = (fieldName: string): string | number => {\n    const val = formData[fieldName]\n    if (val == null || val === false) return ''\n    if (typeof val === 'boolean') return ''\n    return val\n  }\n\n  const renderFormField = (fieldName: string, fieldSchema: JsonSchemaField) => {\n    const fieldType = fieldSchema.type || 'string'\n    const fieldTitle = fieldSchema.title || fieldName\n    const fieldDescription = fieldSchema.description\n    const required = task.formSchema?.required?.includes(fieldName) || false\n    const enumValues = fieldSchema.enum\n\n    if (enumValues && Array.isArray(enumValues)) {\n      return (\n        <div key={fieldName} className=\"space-y-2\">\n          <Label htmlFor={fieldName}>\n            {fieldTitle}\n            {required && <span className=\"text-status-error-text ml-1\">*</span>}\n          </Label>\n          {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n          <Select\n            value={fieldValue(fieldName) ? String(fieldValue(fieldName)) : undefined}\n            onValueChange={(value) => onFieldChange(fieldName, value ?? '')}\n          >\n            <SelectTrigger id={fieldName} size=\"lg\" aria-required={required}>\n              <SelectValue placeholder={t('workflows.tasks.detail.form.selectOption')} />\n            </SelectTrigger>\n            <SelectContent>\n              {enumValues.map((value: string) => (\n                <SelectItem key={value} value={value}>{value}</SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      )\n    }\n\n    switch (fieldType) {\n      case 'string':\n        if (fieldSchema.maxLength && fieldSchema.maxLength > 200) {\n          return (\n            <div key={fieldName} className=\"space-y-2\">\n              <Label htmlFor={fieldName}>\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </Label>\n              {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n              <Textarea\n                id={fieldName}\n                value={fieldValue(fieldName)}\n                onChange={(e) => onFieldChange(fieldName, e.target.value)}\n                required={required}\n                rows={4}\n                className=\"text-base\"\n              />\n            </div>\n          )\n        }\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <Label htmlFor={fieldName}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type={fieldSchema.format === 'email' ? 'email' : fieldSchema.format === 'date' ? 'date' : 'text'}\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value)}\n              required={required}\n              className=\"h-11 text-base\"\n            />\n          </div>\n        )\n\n      case 'number':\n      case 'integer':\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <Label htmlFor={fieldName}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type=\"number\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value ? Number(e.target.value) : '')}\n              required={required}\n              step={fieldType === 'integer' ? 1 : 'any'}\n              className=\"h-11 text-base\"\n            />\n          </div>\n        )\n\n      case 'boolean':\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <div className=\"flex items-center gap-3 h-11\">\n              <Checkbox\n                id={fieldName}\n                checked={!!formData[fieldName]}\n                onCheckedChange={(checked) => onFieldChange(fieldName, !!checked)}\n              />\n              <Label htmlFor={fieldName} className=\"font-medium\">\n                {fieldTitle}\n                {required && <span className=\"text-status-error-text ml-1\">*</span>}\n              </Label>\n            </div>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n          </div>\n        )\n\n      default:\n        return (\n          <div key={fieldName} className=\"space-y-2\">\n            <Label htmlFor={fieldName}>\n              {fieldTitle}\n              {required && <span className=\"text-status-error-text ml-1\">*</span>}\n            </Label>\n            {fieldDescription && <p className=\"text-xs text-muted-foreground\">{fieldDescription}</p>}\n            <Input\n              type=\"text\"\n              id={fieldName}\n              value={fieldValue(fieldName)}\n              onChange={(e) => onFieldChange(fieldName, e.target.value)}\n              required={required}\n              className=\"h-11 text-base\"\n            />\n          </div>\n        )\n    }\n  }\n\n  return (\n    <div className=\"space-y-4 pb-4\">\n      <div className=\"flex items-start justify-between gap-2\">\n        <h1 className=\"text-lg font-semibold\">{task.taskName}</h1>\n        <span className={`shrink-0 inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(task.status)}`}>\n          {t(`workflows.tasks.statuses.${task.status}`)}\n        </span>\n      </div>\n\n      {task.description && (\n        <p className=\"text-sm text-muted-foreground\">{task.description}</p>\n      )}\n\n      {isOverdue && (\n        <div className=\"bg-status-error-bg border border-status-error-border rounded-lg p-3\">\n          <p className=\"text-sm text-status-error-text font-medium\">{t('workflows.tasks.detail.overdueWarning')}</p>\n        </div>\n      )}\n\n      <div className=\"rounded-lg bg-muted/50 p-3 space-y-2.5\">\n        <h2 className=\"text-xs font-semibold uppercase text-muted-foreground\">{t('workflows.tasks.detail.sections.taskInfo')}</h2>\n        <div className=\"space-y-2 text-sm\">\n          <div className=\"flex justify-between\">\n            <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.createdAt')}:</span>\n            <span className=\"text-right text-xs\">{new Date(task.createdAt).toLocaleString()}</span>\n          </div>\n          {task.dueDate && (\n            <div className=\"flex justify-between\">\n              <span className=\"text-muted-foreground\">{t('workflows.tasks.fields.dueDate')}:</span>\n              <span className={`text-right text-xs ${isOverdue ? 'text-status-error-text font-medium' : ''}`}>\n                {new Date(task.dueDate).toLocaleString()}\n              </span>\n            </div>\n          )}\n          {task.assignedTo && (\n            <div className=\"flex justify-between\">\n              <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.assignedTo')}:</span>\n              <span className=\"text-right\">{task.assignedTo}</span>\n            </div>\n          )}\n          <div className=\"flex justify-between\">\n            <span className=\"text-muted-foreground\">{t('workflows.tasks.detail.workflowInstance')}:</span>\n            <Link\n              href={`/backend/instances/${task.workflowInstanceId}`}\n              className=\"text-primary hover:underline text-xs font-mono\"\n            >\n              {task.workflowInstanceId.slice(0, 8)}...\n            </Link>\n          </div>\n        </div>\n      </div>\n\n      {!isCompletable && (\n        <div className=\"bg-status-info-bg border border-status-info-border rounded-lg p-3\">\n          <p className=\"text-sm text-status-info-text\">{t('workflows.tasks.detail.cannotComplete')}</p>\n        </div>\n      )}\n\n      {isCompletable && (\n        <form onSubmit={onSubmit} className=\"space-y-4\">\n          {task.formSchema?.properties && (\n            <>\n              <Separator />\n              <h2 className=\"text-base font-semibold\">{t('workflows.tasks.detail.sections.form')}</h2>\n              <div className=\"space-y-4\">\n                {Object.keys(task.formSchema!.properties!).map((fieldName) =>\n                  renderFormField(fieldName, task.formSchema!.properties![fieldName])\n                )}\n              </div>\n            </>\n          )}\n\n          {!task.formSchema?.properties && (\n            <div className=\"bg-status-info-bg border border-status-info-border rounded-lg p-3\">\n              <p className=\"text-sm text-status-info-text\">{t('workflows.tasks.detail.noFormSchema')}</p>\n            </div>\n          )}\n\n          <Separator />\n\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"m-comments\">\n              {t('workflows.tasks.detail.comments')} ({t('workflows.tasks.detail.optional')})\n            </Label>\n            <Textarea\n              id=\"m-comments\"\n              value={comments}\n              onChange={(e) => onCommentsChange(e.target.value)}\n              rows={3}\n              className=\"text-base\"\n              placeholder={t('workflows.tasks.detail.commentsPlaceholder')}\n            />\n          </div>\n\n          <div className=\"sticky bottom-0 border-t bg-background p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] z-10\">\n            {decisions && decisions.length > 0 ? (\n              <div className=\"flex flex-col gap-2\" data-testid=\"mobile-task-decisions\">\n                {decisions.map((decision) => (\n                  <Button\n                    key={decision.id}\n                    type=\"button\"\n                    variant={decision.style === 'destructive' ? 'destructive' : decision.style === 'secondary' ? 'outline' : 'default'}\n                    disabled={submitting}\n                    onClick={() => onDecision?.(decision.id)}\n                    className=\"h-11\"\n                  >\n                    {flattenTaskText(decision.label) ?? decision.id}\n                  </Button>\n                ))}\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={onCancel}\n                  disabled={submitting}\n                  className=\"h-11\"\n                >\n                  {t('common.cancel')}\n                </Button>\n              </div>\n            ) : (\n              <div className=\"flex gap-3\">\n                <Button\n                  type=\"submit\"\n                  disabled={submitting}\n                  className=\"flex-1 h-11\"\n                >\n                  {submitting ? t('workflows.tasks.detail.submitting') : t('workflows.tasks.detail.completeTask')}\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={onCancel}\n                  disabled={submitting}\n                  className=\"h-11\"\n                >\n                  {t('common.cancel')}\n                </Button>\n              </div>\n            )}\n          </div>\n        </form>\n      )}\n\n      {task.status === 'COMPLETED' && task.formData && (\n        <>\n          <Separator />\n          <JsonDisplay\n            data={task.formData}\n            title={t('workflows.tasks.detail.sections.submittedData')}\n            maxInitialDepth={2}\n          />\n          {task.comments && (\n            <div className=\"bg-muted/50 rounded-lg p-3\">\n              <p className=\"text-sm font-medium text-foreground mb-1\">{t('workflows.tasks.detail.comments')}:</p>\n              <p className=\"text-sm text-muted-foreground whitespace-pre-wrap\">{task.comments}</p>\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": ";AA6EU,SAsLE,UApLa,KAFf;AA1EV,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AAErB,SAAS,uBAAuB;AAuBzB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,IAAI,KAAK;AAEf,QAAM,aAAa,CAAC,cAAuC;AACzD,UAAM,MAAM,SAAS,SAAS;AAC9B,QAAI,OAAO,QAAQ,QAAQ,MAAO,QAAO;AACzC,QAAI,OAAO,QAAQ,UAAW,QAAO;AACrC,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB,CAAC,WAAmB,gBAAiC;AAC3E,UAAM,YAAY,YAAY,QAAQ;AACtC,UAAM,aAAa,YAAY,SAAS;AACxC,UAAM,mBAAmB,YAAY;AACrC,UAAM,WAAW,KAAK,YAAY,UAAU,SAAS,SAAS,KAAK;AACnE,UAAM,aAAa,YAAY;AAE/B,QAAI,cAAc,MAAM,QAAQ,UAAU,GAAG;AAC3C,aACE,qBAAC,SAAoB,WAAU,aAC7B;AAAA,6BAAC,SAAM,SAAS,WACb;AAAA;AAAA,UACA,YAAY,oBAAC,UAAK,WAAU,+BAA8B,eAAC;AAAA,WAC9D;AAAA,QACC,oBAAoB,oBAAC,OAAE,WAAU,iCAAiC,4BAAiB;AAAA,QACpF;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,WAAW,SAAS,IAAI,OAAO,WAAW,SAAS,CAAC,IAAI;AAAA,YAC/D,eAAe,CAAC,UAAU,cAAc,WAAW,SAAS,EAAE;AAAA,YAE9D;AAAA,kCAAC,iBAAc,IAAI,WAAW,MAAK,MAAK,iBAAe,UACrD,8BAAC,eAAY,aAAa,EAAE,0CAA0C,GAAG,GAC3E;AAAA,cACA,oBAAC,iBACE,qBAAW,IAAI,CAAC,UACf,oBAAC,cAAuB,OAAe,mBAAtB,KAA4B,CAC9C,GACH;AAAA;AAAA;AAAA,QACF;AAAA,WAlBQ,SAmBV;AAAA,IAEJ;AAEA,YAAQ,WAAW;AAAA,MACjB,KAAK;AACH,YAAI,YAAY,aAAa,YAAY,YAAY,KAAK;AACxD,iBACE,qBAAC,SAAoB,WAAU,aAC7B;AAAA,iCAAC,SAAM,SAAS,WACb;AAAA;AAAA,cACA,YAAY,oBAAC,UAAK,WAAU,+BAA8B,eAAC;AAAA,eAC9D;AAAA,YACC,oBAAoB,oBAAC,OAAE,WAAU,iCAAiC,4BAAiB;AAAA,YACpF;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,OAAO,WAAW,SAAS;AAAA,gBAC3B,UAAU,CAAC,MAAM,cAAc,WAAW,EAAE,OAAO,KAAK;AAAA,gBACxD;AAAA,gBACA,MAAM;AAAA,gBACN,WAAU;AAAA;AAAA,YACZ;AAAA,eAbQ,SAcV;AAAA,QAEJ;AACA,eACE,qBAAC,SAAoB,WAAU,aAC7B;AAAA,+BAAC,SAAM,SAAS,WACb;AAAA;AAAA,YACA,YAAY,oBAAC,UAAK,WAAU,+BAA8B,eAAC;AAAA,aAC9D;AAAA,UACC,oBAAoB,oBAAC,OAAE,WAAU,iCAAiC,4BAAiB;AAAA,UACpF;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,YAAY,WAAW,UAAU,UAAU,YAAY,WAAW,SAAS,SAAS;AAAA,cAC1F,IAAI;AAAA,cACJ,OAAO,WAAW,SAAS;AAAA,cAC3B,UAAU,CAAC,MAAM,cAAc,WAAW,EAAE,OAAO,KAAK;AAAA,cACxD;AAAA,cACA,WAAU;AAAA;AAAA,UACZ;AAAA,aAbQ,SAcV;AAAA,MAGJ,KAAK;AAAA,MACL,KAAK;AACH,eACE,qBAAC,SAAoB,WAAU,aAC7B;AAAA,+BAAC,SAAM,SAAS,WACb;AAAA;AAAA,YACA,YAAY,oBAAC,UAAK,WAAU,+BAA8B,eAAC;AAAA,aAC9D;AAAA,UACC,oBAAoB,oBAAC,OAAE,WAAU,iCAAiC,4BAAiB;AAAA,UACpF;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,IAAI;AAAA,cACJ,OAAO,WAAW,SAAS;AAAA,cAC3B,UAAU,CAAC,MAAM,cAAc,WAAW,EAAE,OAAO,QAAQ,OAAO,EAAE,OAAO,KAAK,IAAI,EAAE;AAAA,cACtF;AAAA,cACA,MAAM,cAAc,YAAY,IAAI;AAAA,cACpC,WAAU;AAAA;AAAA,UACZ;AAAA,aAdQ,SAeV;AAAA,MAGJ,KAAK;AACH,eACE,qBAAC,SAAoB,WAAU,aAC7B;AAAA,+BAAC,SAAI,WAAU,gCACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,SAAS,CAAC,CAAC,SAAS,SAAS;AAAA,gBAC7B,iBAAiB,CAAC,YAAY,cAAc,WAAW,CAAC,CAAC,OAAO;AAAA;AAAA,YAClE;AAAA,YACA,qBAAC,SAAM,SAAS,WAAW,WAAU,eAClC;AAAA;AAAA,cACA,YAAY,oBAAC,UAAK,WAAU,+BAA8B,eAAC;AAAA,eAC9D;AAAA,aACF;AAAA,UACC,oBAAoB,oBAAC,OAAE,WAAU,iCAAiC,4BAAiB;AAAA,aAZ5E,SAaV;AAAA,MAGJ;AACE,eACE,qBAAC,SAAoB,WAAU,aAC7B;AAAA,+BAAC,SAAM,SAAS,WACb;AAAA;AAAA,YACA,YAAY,oBAAC,UAAK,WAAU,+BAA8B,eAAC;AAAA,aAC9D;AAAA,UACC,oBAAoB,oBAAC,OAAE,WAAU,iCAAiC,4BAAiB;AAAA,UACpF;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,IAAI;AAAA,cACJ,OAAO,WAAW,SAAS;AAAA,cAC3B,UAAU,CAAC,MAAM,cAAc,WAAW,EAAE,OAAO,KAAK;AAAA,cACxD;AAAA,cACA,WAAU;AAAA;AAAA,UACZ;AAAA,aAbQ,SAcV;AAAA,IAEN;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,kBACb;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,QAAG,WAAU,yBAAyB,eAAK,UAAS;AAAA,MACrD,oBAAC,UAAK,WAAW,2EAA2E,oBAAoB,KAAK,MAAM,CAAC,IACzH,YAAE,4BAA4B,KAAK,MAAM,EAAE,GAC9C;AAAA,OACF;AAAA,IAEC,KAAK,eACJ,oBAAC,OAAE,WAAU,iCAAiC,eAAK,aAAY;AAAA,IAGhE,aACC,oBAAC,SAAI,WAAU,uEACb,8BAAC,OAAE,WAAU,8CAA8C,YAAE,uCAAuC,GAAE,GACxG;AAAA,IAGF,qBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,QAAG,WAAU,yDAAyD,YAAE,0CAA0C,GAAE;AAAA,MACrH,qBAAC,SAAI,WAAU,qBACb;AAAA,6BAAC,SAAI,WAAU,wBACb;AAAA,+BAAC,UAAK,WAAU,yBAAyB;AAAA,cAAE,kCAAkC;AAAA,YAAE;AAAA,aAAC;AAAA,UAChF,oBAAC,UAAK,WAAU,sBAAsB,cAAI,KAAK,KAAK,SAAS,EAAE,eAAe,GAAE;AAAA,WAClF;AAAA,QACC,KAAK,WACJ,qBAAC,SAAI,WAAU,wBACb;AAAA,+BAAC,UAAK,WAAU,yBAAyB;AAAA,cAAE,gCAAgC;AAAA,YAAE;AAAA,aAAC;AAAA,UAC9E,oBAAC,UAAK,WAAW,sBAAsB,YAAY,uCAAuC,EAAE,IACzF,cAAI,KAAK,KAAK,OAAO,EAAE,eAAe,GACzC;AAAA,WACF;AAAA,QAED,KAAK,cACJ,qBAAC,SAAI,WAAU,wBACb;AAAA,+BAAC,UAAK,WAAU,yBAAyB;AAAA,cAAE,mCAAmC;AAAA,YAAE;AAAA,aAAC;AAAA,UACjF,oBAAC,UAAK,WAAU,cAAc,eAAK,YAAW;AAAA,WAChD;AAAA,QAEF,qBAAC,SAAI,WAAU,wBACb;AAAA,+BAAC,UAAK,WAAU,yBAAyB;AAAA,cAAE,yCAAyC;AAAA,YAAE;AAAA,aAAC;AAAA,UACvF;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,sBAAsB,KAAK,kBAAkB;AAAA,cACnD,WAAU;AAAA,cAET;AAAA,qBAAK,mBAAmB,MAAM,GAAG,CAAC;AAAA,gBAAE;AAAA;AAAA;AAAA,UACvC;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,IAEC,CAAC,iBACA,oBAAC,SAAI,WAAU,qEACb,8BAAC,OAAE,WAAU,iCAAiC,YAAE,uCAAuC,GAAE,GAC3F;AAAA,IAGD,iBACC,qBAAC,UAAK,UAAoB,WAAU,aACjC;AAAA,WAAK,YAAY,cAChB,iCACE;AAAA,4BAAC,aAAU;AAAA,QACX,oBAAC,QAAG,WAAU,2BAA2B,YAAE,sCAAsC,GAAE;AAAA,QACnF,oBAAC,SAAI,WAAU,aACZ,iBAAO,KAAK,KAAK,WAAY,UAAW,EAAE;AAAA,UAAI,CAAC,cAC9C,gBAAgB,WAAW,KAAK,WAAY,WAAY,SAAS,CAAC;AAAA,QACpE,GACF;AAAA,SACF;AAAA,MAGD,CAAC,KAAK,YAAY,cACjB,oBAAC,SAAI,WAAU,qEACb,8BAAC,OAAE,WAAU,iCAAiC,YAAE,qCAAqC,GAAE,GACzF;AAAA,MAGF,oBAAC,aAAU;AAAA,MAEX,qBAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SAAM,SAAQ,cACZ;AAAA,YAAE,iCAAiC;AAAA,UAAE;AAAA,UAAG,EAAE,iCAAiC;AAAA,UAAE;AAAA,WAChF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,iBAAiB,EAAE,OAAO,KAAK;AAAA,YAChD,MAAM;AAAA,YACN,WAAU;AAAA,YACV,aAAa,EAAE,4CAA4C;AAAA;AAAA,QAC7D;AAAA,SACF;AAAA,MAEA,oBAAC,SAAI,WAAU,iGACZ,uBAAa,UAAU,SAAS,IAC/B,qBAAC,SAAI,WAAU,uBAAsB,eAAY,yBAC9C;AAAA,kBAAU,IAAI,CAAC,aACd;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,SAAS,UAAU,gBAAgB,gBAAgB,SAAS,UAAU,cAAc,YAAY;AAAA,YACzG,UAAU;AAAA,YACV,SAAS,MAAM,aAAa,SAAS,EAAE;AAAA,YACvC,WAAU;AAAA,YAET,0BAAgB,SAAS,KAAK,KAAK,SAAS;AAAA;AAAA,UAPxC,SAAS;AAAA,QAQhB,CACD;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS;AAAA,YACT,UAAU;AAAA,YACV,WAAU;AAAA,YAET,YAAE,eAAe;AAAA;AAAA,QACpB;AAAA,SACF,IAEA,qBAAC,SAAI,WAAU,cACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAU;AAAA,YACV,WAAU;AAAA,YAET,uBAAa,EAAE,mCAAmC,IAAI,EAAE,qCAAqC;AAAA;AAAA,QAChG;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS;AAAA,YACT,UAAU;AAAA,YACV,WAAU;AAAA,YAET,YAAE,eAAe;AAAA;AAAA,QACpB;AAAA,SACF,GAEJ;AAAA,OACF;AAAA,IAGD,KAAK,WAAW,eAAe,KAAK,YACnC,iCACE;AAAA,0BAAC,aAAU;AAAA,MACX;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,OAAO,EAAE,+CAA+C;AAAA,UACxD,iBAAiB;AAAA;AAAA,MACnB;AAAA,MACC,KAAK,YACJ,qBAAC,SAAI,WAAU,8BACb;AAAA,6BAAC,OAAE,WAAU,4CAA4C;AAAA,YAAE,iCAAiC;AAAA,UAAE;AAAA,WAAC;AAAA,QAC/F,oBAAC,OAAE,WAAU,qDAAqD,eAAK,UAAS;AAAA,SAClF;AAAA,OAEJ;AAAA,KAEJ;AAEJ;",
   "names": []
 }

package/dist/modules/workflows/components/mobile/MobileVisualEditor.js

@@ -3,17 +3,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "@open-mercato/ui/primitives/button";
 import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle
-} from "@open-mercato/ui/primitives/dialog";
+  Drawer,
+  DrawerBody,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle
+} from "@open-mercato/ui/primitives/drawer";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Save, MoreVertical, FileText, Trash2, CircleQuestionMark, Play } from "lucide-react";
 import { NODE_TYPE_ICONS, NODE_TYPE_LABELS } from "../../lib/node-type-icons.js";
 import { WorkflowGraph } from "../WorkflowGraph.js";
-import { MobileMetadataSheet } from "./MobileMetadataSheet.js";
-const NODE_TYPES = ["start", "userTask", "automated", "waitForSignal", "subWorkflow", "end"];
+const NODE_TYPES = ["start", "userTask", "automated", "invokeAgent", "waitForSignal", "subWorkflow", "end"];
 function MobileVisualEditor({
   definitionId,
   isSaving,
@@ -24,17 +24,17 @@ function MobileVisualEditor({
   onNodeClick,
   onEdgeClick,
   onConnect,
+  onReconnect,
   onAddNode,
   onSave,
   onValidate,
-  onTest,
+  onStartInstance,
   onLoadExample,
   onClear,
   metadata,
-  metadataHandlers
+  onMetadataOpenChange
 }) {
   const t = useT();
-  const [showMetadata, setShowMetadata] = useState(false);
   const [showMoreActions, setShowMoreActions] = useState(false);
   const { workflowName } = metadata;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
@@ -46,7 +46,7 @@ function MobileVisualEditor({
           {
             variant: "outline",
             size: "sm",
-            onClick: () => setShowMetadata(true),
+            onClick: () => onMetadataOpenChange(true),
             className: "h-8 px-2",
             "aria-label": t("workflows.mobile.metadata", "Metadata"),
             children: /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" })
@@ -117,6 +117,7 @@ function MobileVisualEditor({
           onNodeClick,
           onEdgeClick,
           onConnect,
+          onReconnect,
           editable: true,
           height: "100%"
         }
@@ -134,62 +135,60 @@ function MobileVisualEditor({
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx(Dialog, { open: showMoreActions, onOpenChange: setShowMoreActions, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("workflows.mobile.moreActions", "More Actions") }) }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => {
-              onLoadExample();
-              setShowMoreActions(false);
-            },
-            className: "flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm hover:bg-muted active:bg-muted",
-            children: t("workflows.mobile.loadExample", "Load Example")
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => {
-              onTest();
-              setShowMoreActions(false);
-            },
-            disabled: isSaving,
-            className: "flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm hover:bg-muted active:bg-muted disabled:opacity-50",
-            children: [
-              /* @__PURE__ */ jsx(Play, { className: "h-4 w-4" }),
-              t("workflows.mobile.runTest", "Run Test")
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => {
-              onClear();
-              setShowMoreActions(false);
-            },
-            disabled: isSaving,
-            className: "flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm text-destructive hover:bg-muted active:bg-muted disabled:opacity-50",
-            children: [
-              /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
-              t("workflows.mobile.clear", "Clear")
-            ]
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(
-      MobileMetadataSheet,
+    /* @__PURE__ */ jsx(Drawer, { open: showMoreActions, onOpenChange: setShowMoreActions, children: /* @__PURE__ */ jsxs(
+      DrawerContent,
       {
-        open: showMetadata,
-        onOpenChange: setShowMetadata,
-        definitionId,
-        metadata,
-        metadataHandlers
+        side: "bottom",
+        "data-testid": "workflow-mobile-actions-drawer",
+        closeAriaLabel: t("workflows.mobile.closeActions", "Close actions"),
+        children: [
+          /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsx(DrawerTitle, { children: t("workflows.mobile.moreActions", "More Actions") }) }),
+          /* @__PURE__ */ jsxs(DrawerBody, { className: "space-y-2 pb-5", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => {
+                  onLoadExample();
+                  setShowMoreActions(false);
+                },
+                className: "flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm hover:bg-muted active:bg-muted",
+                children: t("workflows.mobile.loadExample", "Load Example")
+              }
+            ),
+            definitionId && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => {
+                  onStartInstance();
+                  setShowMoreActions(false);
+                },
+                disabled: isSaving,
+                className: "flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm hover:bg-muted active:bg-muted disabled:opacity-50",
+                children: [
+                  /* @__PURE__ */ jsx(Play, { className: "h-4 w-4" }),
+                  t("workflows.actions.startInstance")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => {
+                  onClear();
+                  setShowMoreActions(false);
+                },
+                disabled: isSaving,
+                className: "flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm text-destructive hover:bg-muted active:bg-muted disabled:opacity-50",
+                children: [
+                  /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+                  t("workflows.mobile.clear", "Clear")
+                ]
+              }
+            )
+          ] })
+        ]
       }
-    )
+    ) })
   ] });
 }
 export {

package/dist/modules/workflows/components/mobile/MobileVisualEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/mobile/MobileVisualEditor.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport type { Node, Edge, Connection } from '@xyflow/react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Save, MoreVertical, FileText, Trash2, CircleQuestionMark, Play } from 'lucide-react'\nimport { NODE_TYPE_ICONS, NODE_TYPE_LABELS } from '../../lib/node-type-icons'\nimport { WorkflowGraph } from '../WorkflowGraph'\nimport { MobileMetadataSheet } from './MobileMetadataSheet'\nimport type { WorkflowMetadataState, WorkflowMetadataHandlers } from '../../data/types'\n\nexport interface MobileVisualEditorProps {\n  definitionId: string | null\n  isSaving: boolean\n  nodes: Node[]\n  edges: Edge[]\n  onNodesChange: (nodes: Node[]) => void\n  onEdgesChange: (edges: Edge[]) => void\n  onNodeClick: (event: React.MouseEvent, node: Node) => void\n  onEdgeClick: (event: React.MouseEvent, edge: Edge) => void\n  onConnect: (connection: Connection) => void\n  onAddNode: (nodeType: string) => void\n  onSave: () => void\n  onValidate: () => void\n  onTest: () => void\n  onLoadExample: () => void\n  onClear: () => void\n  metadata: WorkflowMetadataState\n  metadataHandlers: WorkflowMetadataHandlers\n}\n\nconst NODE_TYPES = ['start', 'userTask', 'automated', 'waitForSignal', 'subWorkflow', 'end'] as const\n\nexport function MobileVisualEditor({\n  definitionId,\n  isSaving,\n  nodes,\n  edges,\n  onNodesChange,\n  onEdgesChange,\n  onNodeClick,\n  onEdgeClick,\n  onConnect,\n  onAddNode,\n  onSave,\n  onValidate,\n  onTest,\n  onLoadExample,\n  onClear,\n  metadata,\n  metadataHandlers,\n}: MobileVisualEditorProps) {\n  const t = useT()\n  const [showMetadata, setShowMetadata] = useState(false)\n  const [showMoreActions, setShowMoreActions] = useState(false)\n\n  const { workflowName } = metadata\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"shrink-0 flex items-center justify-between gap-1 border-b border-border bg-background px-3 py-2\">\n        <h1 className=\"truncate text-sm font-semibold\">\n          {definitionId ? (workflowName || t('workflows.definitions.singular')) : t('workflows.backend.definitions.visual_editor.title')}\n        </h1>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => setShowMetadata(true)}\n            className=\"h-8 px-2\"\n            aria-label={t('workflows.mobile.metadata', 'Metadata')}\n          >\n            <FileText className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={onValidate}\n            disabled={isSaving}\n            className=\"h-8 px-2\"\n            aria-label={t('workflows.mobile.validate')}\n          >\n            <CircleQuestionMark className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            size=\"sm\"\n            onClick={onSave}\n            disabled={isSaving}\n            className=\"h-8 px-2\"\n            aria-label={isSaving ? t('workflows.mobile.saving') : t('workflows.mobile.save')}\n          >\n            <Save className=\"h-4 w-4\" />\n            <span className=\"ml-1 text-xs\">{isSaving ? '...' : definitionId ? t('workflows.common.update') : t('workflows.common.save')}</span>\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => setShowMoreActions(true)}\n            aria-label={t('workflows.mobile.moreActions', 'More')}\n          >\n            <MoreVertical className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"shrink-0 border-b border-border bg-background px-3 py-2\">\n        <div className=\"flex gap-1.5 overflow-x-auto pb-0.5\">\n          {NODE_TYPES.map((nodeType) => {\n            const Icon = NODE_TYPE_ICONS[nodeType]\n            return (\n              <button\n                key={nodeType}\n                onClick={() => onAddNode(nodeType)}\n                className=\"flex shrink-0 items-center gap-1 rounded-md border bg-background px-2 py-1.5 text-xs hover:bg-muted active:bg-muted/50\"\n              >\n                <Icon className=\"h-3.5 w-3.5\" />\n                <span>{NODE_TYPE_LABELS[nodeType].title}</span>\n              </button>\n            )\n          })}\n        </div>\n      </div>\n\n      <div className=\"relative min-h-0 flex-1\">\n        <WorkflowGraph\n          initialNodes={nodes}\n          initialEdges={edges}\n          onNodesChange={onNodesChange}\n          onEdgesChange={onEdgesChange}\n          onNodeClick={onNodeClick}\n          onEdgeClick={onEdgeClick}\n          onConnect={onConnect}\n          editable={true}\n          height=\"100%\"\n        />\n\n        {nodes.length === 0 && (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center px-4\">\n            <div className=\"text-center\">\n              <h2 className=\"mb-2 text-lg font-semibold text-foreground\">{t('workflows.mobile.startBuilding', 'Start Building')}</h2>\n              <p className=\"mb-3 text-sm text-muted-foreground\">{t('workflows.mobile.startBuildingHint', 'Tap a step type above to add it')}</p>\n              <button\n                onClick={onLoadExample}\n                className=\"pointer-events-auto text-sm text-primary hover:underline\"\n              >\n                {t('workflows.mobile.loadExample', 'Load an example workflow')}\n              </button>\n            </div>\n          </div>\n        )}\n      </div>\n\n      <Dialog open={showMoreActions} onOpenChange={setShowMoreActions}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>{t('workflows.mobile.moreActions', 'More Actions')}</DialogTitle>\n          </DialogHeader>\n          <div className=\"space-y-2\">\n            <button\n              onClick={() => { onLoadExample(); setShowMoreActions(false) }}\n              className=\"flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm hover:bg-muted active:bg-muted\"\n            >\n              {t('workflows.mobile.loadExample', 'Load Example')}\n            </button>\n            <button\n              onClick={() => { onTest(); setShowMoreActions(false) }}\n              disabled={isSaving}\n              className=\"flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm hover:bg-muted active:bg-muted disabled:opacity-50\"\n            >\n              <Play className=\"h-4 w-4\" />\n              {t('workflows.mobile.runTest', 'Run Test')}\n            </button>\n            <button\n              onClick={() => { onClear(); setShowMoreActions(false) }}\n              disabled={isSaving}\n              className=\"flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm text-destructive hover:bg-muted active:bg-muted disabled:opacity-50\"\n            >\n              <Trash2 className=\"h-4 w-4\" />\n              {t('workflows.mobile.clear', 'Clear')}\n            </button>\n          </div>\n        </DialogContent>\n      </Dialog>\n\n      <MobileMetadataSheet\n        open={showMetadata}\n        onOpenChange={setShowMetadata}\n        definitionId={definitionId}\n        metadata={metadata}\n        metadataHandlers={metadataHandlers}\n      />\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState } from 'react'\nimport type { Node, Edge, Connection } from '@xyflow/react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n} from '@open-mercato/ui/primitives/drawer'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Save, MoreVertical, FileText, Trash2, CircleQuestionMark, Play } from 'lucide-react'\nimport { NODE_TYPE_ICONS, NODE_TYPE_LABELS } from '../../lib/node-type-icons'\nimport { WorkflowGraph, type WorkflowGraphNodesChangeMeta } from '../WorkflowGraph'\nimport type { WorkflowMetadataState } from '../../data/types'\n\nexport interface MobileVisualEditorProps {\n  definitionId: string | null\n  isSaving: boolean\n  nodes: Node[]\n  edges: Edge[]\n  onNodesChange: (nodes: Node[], meta: WorkflowGraphNodesChangeMeta) => void\n  onEdgesChange: (edges: Edge[]) => void\n  onNodeClick: (event: React.MouseEvent, node: Node) => void\n  onEdgeClick: (event: React.MouseEvent, edge: Edge) => void\n  onConnect: (connection: Connection) => void\n  onReconnect?: (oldEdge: Edge, connection: Connection) => void\n  onAddNode: (nodeType: string) => void\n  onSave: () => void\n  onValidate: () => void\n  onStartInstance: () => void\n  onLoadExample: () => void\n  onClear: () => void\n  metadata: WorkflowMetadataState\n  /**\n   * The definition metadata lives in the shared `DefinitionMetadataDrawer`,\n   * owned by the page so mobile and desktop cannot drift apart again \u2014 the\n   * mobile-only sheet never grew the context schema, interpolation mode or\n   * error handler the desktop form gained.\n   */\n  onMetadataOpenChange: (open: boolean) => void\n}\n\nconst NODE_TYPES = ['start', 'userTask', 'automated', 'invokeAgent', 'waitForSignal', 'subWorkflow', 'end'] as const\n\nexport function MobileVisualEditor({\n  definitionId,\n  isSaving,\n  nodes,\n  edges,\n  onNodesChange,\n  onEdgesChange,\n  onNodeClick,\n  onEdgeClick,\n  onConnect,\n  onReconnect,\n  onAddNode,\n  onSave,\n  onValidate,\n  onStartInstance,\n  onLoadExample,\n  onClear,\n  metadata,\n  onMetadataOpenChange,\n}: MobileVisualEditorProps) {\n  const t = useT()\n  const [showMoreActions, setShowMoreActions] = useState(false)\n\n  const { workflowName } = metadata\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"shrink-0 flex items-center justify-between gap-1 border-b border-border bg-background px-3 py-2\">\n        <h1 className=\"truncate text-sm font-semibold\">\n          {definitionId ? (workflowName || t('workflows.definitions.singular')) : t('workflows.backend.definitions.visual_editor.title')}\n        </h1>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => onMetadataOpenChange(true)}\n            className=\"h-8 px-2\"\n            aria-label={t('workflows.mobile.metadata', 'Metadata')}\n          >\n            <FileText className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={onValidate}\n            disabled={isSaving}\n            className=\"h-8 px-2\"\n            aria-label={t('workflows.mobile.validate')}\n          >\n            <CircleQuestionMark className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            size=\"sm\"\n            onClick={onSave}\n            disabled={isSaving}\n            className=\"h-8 px-2\"\n            aria-label={isSaving ? t('workflows.mobile.saving') : t('workflows.mobile.save')}\n          >\n            <Save className=\"h-4 w-4\" />\n            <span className=\"ml-1 text-xs\">{isSaving ? '...' : definitionId ? t('workflows.common.update') : t('workflows.common.save')}</span>\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => setShowMoreActions(true)}\n            aria-label={t('workflows.mobile.moreActions', 'More')}\n          >\n            <MoreVertical className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"shrink-0 border-b border-border bg-background px-3 py-2\">\n        <div className=\"flex gap-1.5 overflow-x-auto pb-0.5\">\n          {NODE_TYPES.map((nodeType) => {\n            const Icon = NODE_TYPE_ICONS[nodeType]\n            return (\n              <button\n                key={nodeType}\n                onClick={() => onAddNode(nodeType)}\n                className=\"flex shrink-0 items-center gap-1 rounded-md border bg-background px-2 py-1.5 text-xs hover:bg-muted active:bg-muted/50\"\n              >\n                <Icon className=\"h-3.5 w-3.5\" />\n                <span>{NODE_TYPE_LABELS[nodeType].title}</span>\n              </button>\n            )\n          })}\n        </div>\n      </div>\n\n      <div className=\"relative min-h-0 flex-1\">\n        <WorkflowGraph\n          initialNodes={nodes}\n          initialEdges={edges}\n          onNodesChange={onNodesChange}\n          onEdgesChange={onEdgesChange}\n          onNodeClick={onNodeClick}\n          onEdgeClick={onEdgeClick}\n          onConnect={onConnect}\n          onReconnect={onReconnect}\n          editable={true}\n          height=\"100%\"\n        />\n\n        {nodes.length === 0 && (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center px-4\">\n            <div className=\"text-center\">\n              <h2 className=\"mb-2 text-lg font-semibold text-foreground\">{t('workflows.mobile.startBuilding', 'Start Building')}</h2>\n              <p className=\"mb-3 text-sm text-muted-foreground\">{t('workflows.mobile.startBuildingHint', 'Tap a step type above to add it')}</p>\n              <button\n                onClick={onLoadExample}\n                className=\"pointer-events-auto text-sm text-primary hover:underline\"\n              >\n                {t('workflows.mobile.loadExample', 'Load an example workflow')}\n              </button>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* An action sheet, so it rises from the bottom edge the thumb is at\n          rather than centring a modal over the canvas. Escape closes it. */}\n      <Drawer open={showMoreActions} onOpenChange={setShowMoreActions}>\n        <DrawerContent\n          side=\"bottom\"\n          data-testid=\"workflow-mobile-actions-drawer\"\n          closeAriaLabel={t('workflows.mobile.closeActions', 'Close actions')}\n        >\n          <DrawerHeader>\n            <DrawerTitle>{t('workflows.mobile.moreActions', 'More Actions')}</DrawerTitle>\n          </DrawerHeader>\n          <DrawerBody className=\"space-y-2 pb-5\">\n            <button\n              onClick={() => { onLoadExample(); setShowMoreActions(false) }}\n              className=\"flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm hover:bg-muted active:bg-muted\"\n            >\n              {t('workflows.mobile.loadExample', 'Load Example')}\n            </button>\n            {definitionId && (\n              <button\n                onClick={() => { onStartInstance(); setShowMoreActions(false) }}\n                disabled={isSaving}\n                className=\"flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm hover:bg-muted active:bg-muted disabled:opacity-50\"\n              >\n                <Play className=\"h-4 w-4\" />\n                {t('workflows.actions.startInstance')}\n              </button>\n            )}\n            <button\n              onClick={() => { onClear(); setShowMoreActions(false) }}\n              disabled={isSaving}\n              className=\"flex w-full items-center gap-3 rounded-lg border p-3 text-left text-sm text-destructive hover:bg-muted active:bg-muted disabled:opacity-50\"\n            >\n              <Trash2 className=\"h-4 w-4\" />\n              {t('workflows.mobile.clear', 'Clear')}\n            </button>\n          </DrawerBody>\n        </DrawerContent>\n      </Drawer>\n\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/components/nodes/AnnotationGroupNode.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NodeResizer } from "@xyflow/react";
+import { ChevronDown, ChevronRight, Group, Trash2 } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { requestWorkflowNodeDeletion } from "../WorkflowNodeCard.js";
+import { requestWorkflowGroupToggle } from "../../lib/annotation-events.js";
+function AnnotationGroupNode({ id, data, isConnectable, selected }) {
+  const t = useT();
+  const groupData = data;
+  const name = typeof groupData?.name === "string" && groupData.name.length > 0 ? groupData.name : t("workflows.annotations.group.untitled", "Untitled group");
+  const collapsed = groupData?.collapsed === true;
+  const editable = isConnectable;
+  const ToggleIcon = collapsed ? ChevronRight : ChevronDown;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `group flex w-full flex-col overflow-hidden rounded-lg border-2 border-dashed border-border ${collapsed ? "h-auto bg-muted/40" : "h-full bg-muted/20"} ${selected ? "ring-2 ring-primary" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx(NodeResizer, { isVisible: editable && selected && !collapsed, minWidth: 200, minHeight: 140, lineClassName: "!border-primary", handleClassName: "!bg-primary !border-background" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 rounded-t-md bg-background/80 px-2.5 py-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
+            editable ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-expanded": !collapsed,
+                "aria-label": collapsed ? t("workflows.annotations.group.expand", "Expand group") : t("workflows.annotations.group.collapse", "Collapse group"),
+                className: "nodrag nopan flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground",
+                onClick: (event) => {
+                  event.stopPropagation();
+                  event.preventDefault();
+                  requestWorkflowGroupToggle(id);
+                },
+                children: /* @__PURE__ */ jsx(ToggleIcon, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+              }
+            ) : /* @__PURE__ */ jsx(Group, { className: "h-3 w-3 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-semibold text-foreground", children: name }),
+            collapsed && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-overline uppercase tracking-wide text-muted-foreground", children: t("workflows.annotations.group.collapsedBadge", "Collapsed") })
+          ] }),
+          editable && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": t("workflows.annotations.group.delete", "Delete group"),
+              className: "nodrag nopan -mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-status-error-icon focus-visible:opacity-100 group-hover:opacity-100",
+              onClick: (event) => {
+                event.stopPropagation();
+                event.preventDefault();
+                requestWorkflowNodeDeletion(id);
+              },
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+            }
+          )
+        ] }),
+        !collapsed && /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+export {
+  AnnotationGroupNode
+};
+//# sourceMappingURL=AnnotationGroupNode.js.map

package/dist/modules/workflows/components/nodes/AnnotationGroupNode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/workflows/components/nodes/AnnotationGroupNode.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { NodeResizer, type NodeProps } from '@xyflow/react'\nimport { ChevronDown, ChevronRight, Group, Trash2 } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { requestWorkflowNodeDeletion } from '../WorkflowNodeCard'\nimport { requestWorkflowGroupToggle } from '../../lib/annotation-events'\nimport type { WorkflowGroupNodeData } from '../../lib/editor-annotations'\n\n/**\n * Named region framing a part of the canvas (spec section 4.5).\n *\n * Collapse is deliberately VISUAL ONLY: the body fades away and the region\n * shrinks to its header, but no step moves and no route changes, because a\n * graph-mutating collapse would be execution semantics \u2014 exactly what an\n * annotation must never be.\n */\nexport function AnnotationGroupNode({ id, data, isConnectable, selected }: NodeProps) {\n  const t = useT()\n  const groupData = data as unknown as WorkflowGroupNodeData\n  const name = typeof groupData?.name === 'string' && groupData.name.length > 0\n    ? groupData.name\n    : t('workflows.annotations.group.untitled', 'Untitled group')\n  const collapsed = groupData?.collapsed === true\n  const editable = isConnectable\n  const ToggleIcon = collapsed ? ChevronRight : ChevronDown\n\n  return (\n    <div\n      className={`group flex w-full flex-col overflow-hidden rounded-lg border-2 border-dashed border-border ${\n        collapsed ? 'h-auto bg-muted/40' : 'h-full bg-muted/20'\n      } ${selected ? 'ring-2 ring-primary' : ''}`}\n    >\n      <NodeResizer isVisible={editable && selected && !collapsed} minWidth={200} minHeight={140} lineClassName=\"!border-primary\" handleClassName=\"!bg-primary !border-background\" />\n      <div className=\"flex items-center justify-between gap-2 rounded-t-md bg-background/80 px-2.5 py-1\">\n        <div className=\"flex min-w-0 items-center gap-1\">\n          {editable ? (\n            <button\n              type=\"button\"\n              aria-expanded={!collapsed}\n              aria-label={collapsed\n                ? t('workflows.annotations.group.expand', 'Expand group')\n                : t('workflows.annotations.group.collapse', 'Collapse group')}\n              className=\"nodrag nopan flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground\"\n              onClick={(event) => {\n                event.stopPropagation()\n                event.preventDefault()\n                requestWorkflowGroupToggle(id)\n              }}\n            >\n              <ToggleIcon className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n            </button>\n          ) : (\n            <Group className=\"h-3 w-3 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n          )}\n          <span className=\"truncate text-xs font-semibold text-foreground\">{name}</span>\n          {collapsed && (\n            <span className=\"shrink-0 text-overline uppercase tracking-wide text-muted-foreground\">\n              {t('workflows.annotations.group.collapsedBadge', 'Collapsed')}\n            </span>\n          )}\n        </div>\n        {editable && (\n          <button\n            type=\"button\"\n            aria-label={t('workflows.annotations.group.delete', 'Delete group')}\n            className=\"nodrag nopan -mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-status-error-icon focus-visible:opacity-100 group-hover:opacity-100\"\n            onClick={(event) => {\n              event.stopPropagation()\n              event.preventDefault()\n              requestWorkflowNodeDeletion(id)\n            }}\n          >\n            <Trash2 className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n          </button>\n        )}\n      </div>\n      {!collapsed && <div className=\"min-h-0 flex-1\" aria-hidden=\"true\" />}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAiCM,cAEE,YAFF;AA/BN,SAAS,mBAAmC;AAC5C,SAAS,aAAa,cAAc,OAAO,cAAc;AACzD,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAC5C,SAAS,kCAAkC;AAWpC,SAAS,oBAAoB,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AACpF,QAAM,IAAI,KAAK;AACf,QAAM,YAAY;AAClB,QAAM,OAAO,OAAO,WAAW,SAAS,YAAY,UAAU,KAAK,SAAS,IACxE,UAAU,OACV,EAAE,wCAAwC,gBAAgB;AAC9D,QAAM,YAAY,WAAW,cAAc;AAC3C,QAAM,WAAW;AACjB,QAAM,aAAa,YAAY,eAAe;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,8FACT,YAAY,uBAAuB,oBACrC,IAAI,WAAW,wBAAwB,EAAE;AAAA,MAEzC;AAAA,4BAAC,eAAY,WAAW,YAAY,YAAY,CAAC,WAAW,UAAU,KAAK,WAAW,KAAK,eAAc,mBAAkB,iBAAgB,kCAAiC;AAAA,QAC5K,qBAAC,SAAI,WAAU,qFACb;AAAA,+BAAC,SAAI,WAAU,mCACZ;AAAA,uBACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,iBAAe,CAAC;AAAA,gBAChB,cAAY,YACR,EAAE,sCAAsC,cAAc,IACtD,EAAE,wCAAwC,gBAAgB;AAAA,gBAC9D,WAAU;AAAA,gBACV,SAAS,CAAC,UAAU;AAClB,wBAAM,gBAAgB;AACtB,wBAAM,eAAe;AACrB,6CAA2B,EAAE;AAAA,gBAC/B;AAAA,gBAEA,8BAAC,cAAW,WAAU,eAAc,eAAY,QAAO;AAAA;AAAA,YACzD,IAEA,oBAAC,SAAM,WAAU,0CAAyC,eAAY,QAAO;AAAA,YAE/E,oBAAC,UAAK,WAAU,kDAAkD,gBAAK;AAAA,YACtE,aACC,oBAAC,UAAK,WAAU,wEACb,YAAE,8CAA8C,WAAW,GAC9D;AAAA,aAEJ;AAAA,UACC,YACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAY,EAAE,sCAAsC,cAAc;AAAA,cAClE,WAAU;AAAA,cACV,SAAS,CAAC,UAAU;AAClB,sBAAM,gBAAgB;AACtB,sBAAM,eAAe;AACrB,4CAA4B,EAAE;AAAA,cAChC;AAAA,cAEA,8BAAC,UAAO,WAAU,eAAc,eAAY,QAAO;AAAA;AAAA,UACrD;AAAA,WAEJ;AAAA,QACC,CAAC,aAAa,oBAAC,SAAI,WAAU,kBAAiB,eAAY,QAAO;AAAA;AAAA;AAAA,EACpE;AAEJ;",
+  "names": []
+}

package/dist/modules/workflows/components/nodes/AutomatedNode.js

@@ -1,48 +1,56 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Handle, Position } from "@xyflow/react";
+import { DEFAULT_SOURCE_HANDLE_ID } from "../../lib/route-kinds.js";
+import { NODE_HANDLE_CLASS } from "../../lib/node-geometry.js";
 import { WorkflowNodeCard } from "../WorkflowNodeCard.js";
-function AutomatedNode({ data, isConnectable, selected }) {
+import { toWorkflowStatus } from "../../lib/status-colors.js";
+import { buildNodeConfigSummary } from "../../lib/node-config-summary.js";
+import { ErrorOutputHandle } from "./ErrorOutputHandle.js";
+function AutomatedNode({ id, data, isConnectable, selected }) {
   const nodeData = data;
-  const mapStatus = (status) => {
-    if (!status || status === "pending") return "not_started";
-    if (status === "running" || status === "in_progress") return "in_progress";
-    if (status === "completed") return "completed";
-    if (status === "error") return "not_started";
-    return "not_started";
-  };
-  const workflowStatus = mapStatus(nodeData.status);
+  const workflowStatus = toWorkflowStatus(nodeData.status);
+  const summary = buildNodeConfigSummary("automated", nodeData);
   return /* @__PURE__ */ jsxs("div", { className: "automated-node", title: nodeData.tooltip, children: [
     /* @__PURE__ */ jsx(
       Handle,
       {
         type: "target",
-        position: Position.Top,
+        position: Position.Left,
         id: "target",
         isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     ),
     /* @__PURE__ */ jsx(
       WorkflowNodeCard,
       {
+        summary,
         title: nodeData.label,
         description: nodeData.description,
         status: workflowStatus,
+        runReason: nodeData.runReason,
+        runStartedAt: nodeData.runStartedAt,
         nodeType: "automated",
-        selected
+        selected,
+        hasError: nodeData.hasError,
+        hasCompensation: nodeData.hasCompensation,
+        errorCount: nodeData.errorCount,
+        nodeId: id,
+        editable: isConnectable
       }
     ),
     /* @__PURE__ */ jsx(
       Handle,
       {
         type: "source",
-        position: Position.Bottom,
-        id: "source",
+        position: Position.Right,
+        id: DEFAULT_SOURCE_HANDLE_ID,
         isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
-    )
+    ),
+    /* @__PURE__ */ jsx(ErrorOutputHandle, { isConnectable })
   ] });
 }
 export {

package/dist/modules/workflows/components/nodes/AutomatedNode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/AutomatedNode.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport { WorkflowStatus } from '../../lib/status-colors'\n\n/**\n * AutomatedNode display data.\n *\n * NOTE: activityType and activityId are populated from transition.activities[]\n * by graph-utils.ts for display purposes only. They are NOT stored on the step\n * in the workflow definition JSON (WorkflowStep schema has no activity fields).\n *\n * Per the workflow schema architecture:\n * - WorkflowStep (validators.ts:122-131) has NO activities field\n * - Activities belong in transition.activities[] only (validators.ts:160)\n * - graph-utils.ts:264-276 extracts activities from transitions for display\n *\n * @see packages/core/src/modules/workflows/lib/graph-utils.ts:264-276\n * @see packages/core/src/modules/workflows/data/validators.ts:122-131\n */\nexport interface AutomatedNodeData {\n  label: string\n  description?: string\n  activityType?: string\n  activityId?: string\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  stepNumber?: number\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n}\n\n/**\n * AutomatedNode - Automated/system task step in a workflow\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function AutomatedNode({ data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as AutomatedNodeData\n\n  // Map old status values to new WorkflowStatus types\n  const mapStatus = (status?: string): WorkflowStatus => {\n    if (!status || status === 'pending') return 'not_started'\n    if (status === 'running' || status === 'in_progress') return 'in_progress'\n    if (status === 'completed') return 'completed'\n    if (status === 'error') return 'not_started'\n    return 'not_started'\n  }\n\n  const workflowStatus = mapStatus(nodeData.status)\n\n  return (\n    <div className=\"automated-node\" title={nodeData.tooltip}>\n      {/* Target Handle */}\n      <Handle\n        type=\"target\"\n        position={Position.Top}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className=\"!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white\"\n      />\n\n      <WorkflowNodeCard\n        title={nodeData.label}\n        description={nodeData.description}\n        status={workflowStatus}\n        nodeType=\"automated\"\n        selected={selected}\n      />\n\n      {/* Source Handle */}\n      <Handle\n        type=\"source\"\n        position={Position.Bottom}\n        id=\"source\"\n        isConnectable={isConnectable}\n        className=\"!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white\"\n      />\n    </div>\n  )\n}\n"],
-  "mappings": ";AAoDI,SAEE,KAFF;AAlDJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,wBAAwB;AAkC1B,SAAS,cAAc,EAAE,MAAM,eAAe,SAAS,GAAc;AAC1E,QAAM,WAAW;AAGjB,QAAM,YAAY,CAAC,WAAoC;AACrD,QAAI,CAAC,UAAU,WAAW,UAAW,QAAO;AAC5C,QAAI,WAAW,aAAa,WAAW,cAAe,QAAO;AAC7D,QAAI,WAAW,YAAa,QAAO;AACnC,QAAI,WAAW,QAAS,QAAO;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,UAAU,SAAS,MAAM;AAEhD,SACE,qBAAC,SAAI,WAAU,kBAAiB,OAAO,SAAS,SAE9C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS;AAAA,QAChB,aAAa,SAAS;AAAA,QACtB,QAAQ;AAAA,QACR,UAAS;AAAA,QACT;AAAA;AAAA,IACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { DEFAULT_SOURCE_HANDLE_ID } from '../../lib/route-kinds'\nimport { NODE_HANDLE_CLASS } from '../../lib/node-geometry'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport type { StepReason } from '../../lib/step-presentation'\nimport { toWorkflowStatus } from '../../lib/status-colors'\nimport { buildNodeConfigSummary } from '../../lib/node-config-summary'\nimport { ErrorOutputHandle } from './ErrorOutputHandle'\n\n/**\n * AutomatedNode display data.\n *\n * NOTE: activityType and activityId are populated from transition.activities[]\n * by graph-utils.ts for display purposes only. They are NOT stored on the step\n * in the workflow definition JSON (WorkflowStep schema has no activity fields).\n *\n * Per the workflow schema architecture:\n * - WorkflowStep (validators.ts:122-131) has NO activities field\n * - Activities belong in transition.activities[] only (validators.ts:160)\n * - graph-utils.ts:264-276 extracts activities from transitions for display\n *\n * @see packages/core/src/modules/workflows/lib/graph-utils.ts:264-276\n * @see packages/core/src/modules/workflows/data/validators.ts:122-131\n */\nexport interface AutomatedNodeData {\n  label: string\n  description?: string\n  activityType?: string\n  activityId?: string\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  stepNumber?: number\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n  /**\n   * Run presentation (spec Part 2). Set at render time by the run detail\n   * page and the Studio last-run overlay from the SAME resolver, so the two\n   * surfaces can never disagree about what the step is doing.\n   */\n  runReason?: StepReason | null\n  runStartedAt?: Date | null\n  hasError?: boolean\n  hasCompensation?: boolean\n  errorCount?: number\n}\n\n/**\n * AutomatedNode - Automated/system task step in a workflow\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function AutomatedNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as AutomatedNodeData\n\n  const workflowStatus = toWorkflowStatus(nodeData.status)\n  const summary = buildNodeConfigSummary('automated', nodeData as never)\n\n  return (\n    <div className=\"automated-node\" title={nodeData.tooltip}>\n      {/* Target Handle */}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className={`${NODE_HANDLE_CLASS} !bg-primary`}\n      />\n\n      <WorkflowNodeCard\n        summary={summary}\n        title={nodeData.label}\n        description={nodeData.description}\n        status={workflowStatus}\n        runReason={nodeData.runReason}\n        runStartedAt={nodeData.runStartedAt}\n        nodeType=\"automated\"\n        selected={selected}\n        hasError={nodeData.hasError}\n        hasCompensation={nodeData.hasCompensation}\n        errorCount={nodeData.errorCount}\n        nodeId={id}\n        editable={isConnectable}\n      />\n\n      {/* Source Handle */}\n      <Handle\n        type=\"source\"\n        position={Position.Right}\n        id={DEFAULT_SOURCE_HANDLE_ID}\n        isConnectable={isConnectable}\n        className={`${NODE_HANDLE_CLASS} !bg-primary`}\n      />\n\n      <ErrorOutputHandle isConnectable={isConnectable} />\n    </div>\n  )\n}\n"],
+  "mappings": ";AA2DI,SAEE,KAFF;AAzDJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AA2C3B,SAAS,cAAc,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AAC9E,QAAM,WAAW;AAEjB,QAAM,iBAAiB,iBAAiB,SAAS,MAAM;AACvD,QAAM,UAAU,uBAAuB,aAAa,QAAiB;AAErE,SACE,qBAAC,SAAI,WAAU,kBAAiB,OAAO,SAAS,SAE9C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,SAAS;AAAA,QAChB,aAAa,SAAS;AAAA,QACtB,QAAQ;AAAA,QACR,WAAW,SAAS;AAAA,QACpB,cAAc,SAAS;AAAA,QACvB,UAAS;AAAA,QACT;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,YAAY,SAAS;AAAA,QACrB,QAAQ;AAAA,QACR,UAAU;AAAA;AAAA,IACZ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAI;AAAA,QACJ;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,IAEA,oBAAC,qBAAkB,eAA8B;AAAA,KACnD;AAEJ;",
   "names": []
 }

package/dist/modules/workflows/components/nodes/EndNode.js

@@ -1,26 +1,21 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Handle, Position } from "@xyflow/react";
+import { NODE_HANDLE_CLASS } from "../../lib/node-geometry.js";
 import { WorkflowNodeCard } from "../WorkflowNodeCard.js";
-function EndNode({ data, isConnectable, selected }) {
+import { toWorkflowStatus } from "../../lib/status-colors.js";
+function EndNode({ id, data, isConnectable, selected }) {
   const nodeData = data;
-  const mapStatus = (status) => {
-    if (!status || status === "pending") return "not_started";
-    if (status === "running" || status === "in_progress") return "in_progress";
-    if (status === "completed") return "completed";
-    if (status === "error") return "not_started";
-    return "not_started";
-  };
-  const workflowStatus = mapStatus(nodeData.status);
+  const workflowStatus = toWorkflowStatus(nodeData.status);
   return /* @__PURE__ */ jsxs("div", { className: "end-node", title: nodeData.tooltip, children: [
     /* @__PURE__ */ jsx(
       Handle,
       {
         type: "target",
-        position: Position.Top,
+        position: Position.Left,
         id: "target",
         isConnectable,
-        className: "!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white"
+        className: `${NODE_HANDLE_CLASS} !bg-primary`
       }
     ),
     /* @__PURE__ */ jsx(
@@ -30,7 +25,13 @@ function EndNode({ data, isConnectable, selected }) {
         description: nodeData.description,
         status: workflowStatus,
         nodeType: "end",
-        selected
+        selected,
+        hasError: nodeData.hasError,
+        hasCompensation: nodeData.hasCompensation,
+        errorCount: nodeData.errorCount,
+        nodeId: id,
+        editable: isConnectable,
+        variant: "pill"
       }
     )
   ] });

package/dist/modules/workflows/components/nodes/EndNode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/components/nodes/EndNode.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport { WorkflowStatus } from '../../lib/status-colors'\n\nexport interface EndNodeData {\n  label: string\n  description?: string\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  outcome?: 'success' | 'cancelled' | 'error'\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n}\n\n/**\n * EndNode - End point of a workflow\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function EndNode({ data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as EndNodeData\n\n  // Map old status values to new WorkflowStatus types\n  const mapStatus = (status?: string): WorkflowStatus => {\n    if (!status || status === 'pending') return 'not_started'\n    if (status === 'running' || status === 'in_progress') return 'in_progress'\n    if (status === 'completed') return 'completed'\n    if (status === 'error') return 'not_started'\n    return 'not_started'\n  }\n\n  const workflowStatus = mapStatus(nodeData.status)\n\n  return (\n    <div className=\"end-node\" title={nodeData.tooltip}>\n      {/* Target Handle */}\n      <Handle\n        type=\"target\"\n        position={Position.Top}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className=\"!w-3 !h-3 !bg-[#0080FE] !border-2 !border-white\"\n      />\n\n      <WorkflowNodeCard\n        title={nodeData.label || 'Complete'}\n        description={nodeData.description}\n        status={workflowStatus}\n        nodeType=\"end\"\n        selected={selected}\n      />\n    </div>\n  )\n}\n"],
-  "mappings": ";AAmCI,SAEE,KAFF;AAjCJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,wBAAwB;AAiB1B,SAAS,QAAQ,EAAE,MAAM,eAAe,SAAS,GAAc;AACpE,QAAM,WAAW;AAGjB,QAAM,YAAY,CAAC,WAAoC;AACrD,QAAI,CAAC,UAAU,WAAW,UAAW,QAAO;AAC5C,QAAI,WAAW,aAAa,WAAW,cAAe,QAAO;AAC7D,QAAI,WAAW,YAAa,QAAO;AACnC,QAAI,WAAW,QAAS,QAAO;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,UAAU,SAAS,MAAM;AAEhD,SACE,qBAAC,SAAI,WAAU,YAAW,OAAO,SAAS,SAExC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAU;AAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,SAAS;AAAA,QACzB,aAAa,SAAS;AAAA,QACtB,QAAQ;AAAA,QACR,UAAS;AAAA,QACT;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["'use client'\n\nimport { Handle, Position, NodeProps } from '@xyflow/react'\nimport { NODE_HANDLE_CLASS } from '../../lib/node-geometry'\nimport { WorkflowNodeCard } from '../WorkflowNodeCard'\nimport { toWorkflowStatus } from '../../lib/status-colors'\n\nexport interface EndNodeData {\n  label: string\n  description?: string\n  status?: 'pending' | 'running' | 'completed' | 'error' | 'not_started' | 'in_progress'\n  outcome?: 'success' | 'cancelled' | 'error'\n  badge?: string\n  tooltip?: string\n  executionStatus?: 'completed' | 'active' | 'pending' | 'failed' | 'skipped'\n  hasError?: boolean\n  hasCompensation?: boolean\n  errorCount?: number\n}\n\n/**\n * EndNode - End point of a workflow\n * Uses WorkflowNodeCard for consistent styling\n */\nexport function EndNode({ id, data, isConnectable, selected }: NodeProps) {\n  const nodeData = data as unknown as EndNodeData\n\n  const workflowStatus = toWorkflowStatus(nodeData.status)\n\n  return (\n    <div className=\"end-node\" title={nodeData.tooltip}>\n      {/* Target Handle */}\n      <Handle\n        type=\"target\"\n        position={Position.Left}\n        id=\"target\"\n        isConnectable={isConnectable}\n        className={`${NODE_HANDLE_CLASS} !bg-primary`}\n      />\n\n      <WorkflowNodeCard\n        title={nodeData.label || 'Complete'}\n        description={nodeData.description}\n        status={workflowStatus}\n        nodeType=\"end\"\n        selected={selected}\n        hasError={nodeData.hasError}\n        hasCompensation={nodeData.hasCompensation}\n        errorCount={nodeData.errorCount}\n        nodeId={id}\n        editable={isConnectable}\n        variant=\"pill\"\n      />\n    </div>\n  )\n}\n"],
+  "mappings": ";AA8BI,SAEE,KAFF;AA5BJ,SAAS,QAAQ,gBAA2B;AAC5C,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAmB1B,SAAS,QAAQ,EAAE,IAAI,MAAM,eAAe,SAAS,GAAc;AACxE,QAAM,WAAW;AAEjB,QAAM,iBAAiB,iBAAiB,SAAS,MAAM;AAEvD,SACE,qBAAC,SAAI,WAAU,YAAW,OAAO,SAAS,SAExC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,SAAS;AAAA,QACnB,IAAG;AAAA,QACH;AAAA,QACA,WAAW,GAAG,iBAAiB;AAAA;AAAA,IACjC;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,SAAS;AAAA,QACzB,aAAa,SAAS;AAAA,QACtB,QAAQ;AAAA,QACR,UAAS;AAAA,QACT;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,YAAY,SAAS;AAAA,QACrB,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAQ;AAAA;AAAA,IACV;AAAA,KACF;AAEJ;",
   "names": []
 }