improvement(platform): migrate off lucide-react, flatten the font-weight scale, and retire scheduled tasks and workflow references

Author: emir-karabeg

.claude/rules/emcn-components.md

@@ -1,6 +1,6 @@
 ---
 paths:
-  - "apps/sim/components/emcn/**"
+  - "packages/emcn/**"
 ---
 
 # EMCN Components
@@ -20,7 +20,7 @@ The menu surface intentionally diverges from the pill: `dropdown-menu.tsx` items
 
 ## Component catalogue
 
-- **`Chip` / `ChipLink`** — the pill button (`<button>` / Next `<Link>`). Variants: `ghost`, `filled`, `primary`, `destructive`, `border-shadow`. `leftIcon`/`rightIcon`, `active`, `fullWidth`, `flush`.
+- **`Chip` / `ChipLink`** — the pill button (`<button>` / Next `<Link>`). Variants: `ghost`, `filled`, `primary`, `destructive`, `border-shadow`. `leftIcon`/`rightIcon`, `active`, `fullWidth`. Chips carry **no outer margin** — space between them is the parent's `gap`. The old `mx-0.5` default and its `flush` opt-out are gone; do not reintroduce either, and never add a margin to a chip through `className`.
 - **`ChipInput`** — single-line text field. `icon`, `endAdornment`, `error`, `inputClassName` (inner `<input>`); `className` styles the chrome wrapper.
 - **`ChipCopyInput`** — the canonical view-only field: a read-only `ChipInput` at full opacity with a trailing copy-to-clipboard button. View-only is a display mode, not a disabled state — reach for it (or `ChipModalField type='copy'`) over a `disabled` (greyed) input for values the user cannot edit.
 - **`ChipTextarea`** — multi-line sibling. `error`, `resizable` (off by default), `viewOnly` (read-only at full opacity with the default cursor — the multi-line counterpart of `ChipCopyInput`).

.claude/rules/sim-styling.md

@@ -46,6 +46,14 @@ Custom font sizes (`apps/sim/tailwind.config.ts`): `text-micro`=10px, `text-xs`=
 
 Icons default `size-[14px]`. Equal h/w → `size-*` (`size-[14px]`, `size-4`), never `h-N w-N`.
 
+## Font Weight
+
+Three steps, Tailwind's stock scale, nothing else: **`font-normal` (400)**, **`font-medium` (500)**, **`font-semibold` (600)**. 400 is the document default, so body text, chip labels, sidebar items, and headings carry **no weight class at all** — they inherit. Reach for a class only to step *up* from body.
+
+Never write an arbitrary weight (`font-[380]`, `font-[430]`, `font-[450]`, …), and never set `fontWeight` in an inline `style`. There was previously a CSS-variable weight scale (`--font-weight-base/medium/semibold`, remapping `font-medium` to 440/480) plus seven ad-hoc values clustered between 380 and 500; it was deleted because nothing read as hierarchical. Off-scale values are only acceptable where the design system genuinely cannot reach — react-email templates and the static `apps/sim/emails/broadcasts/*.html`, which email clients render without CSS variables.
+
+Headings inherit their weight. Tailwind preflight resets `h1`–`h6` to `font-weight: inherit`, so an `<h1>` is 400 unless you say otherwise — that is the intended look, not a bug to patch.
+
 ## Color Tokens
 
 Value text `--text-body`; muted/placeholder/labels `--text-muted`; icons `--text-icon`; neutral borders and dividers `--border` (`--border-1` and `--border-muted` are legacy aliases resolving to it; `--divider` is retired); surfaces `--surface-5` (light) / `--surface-4` (dark); active row `--surface-active`; error `--text-error`. No focus rings on chip surfaces.
@@ -60,7 +68,7 @@ Draw a line with a real `border-*` utility. Never hand-roll one as `shadow-[inse
 
 ## Chip Components (consumer usage)
 
-`ChipInput`, `ChipTextarea`, `ChipModal*` own their full chrome. Consumers describe intent through PROPS; they never re-style the chrome. The canonical chrome lives in `apps/sim/components/emcn/components/chip/chip-chrome.ts` (all tokens are re-exported from the `@sim/emcn` barrel — no subpath import needed) — never hand-roll `rounded-lg`/`border`/`bg-[var(--surface-5)]`/`h-[30px]`/`px-2`/`text-sm`/focus rings.
+`ChipInput`, `ChipTextarea`, `ChipModal*` own their full chrome. Consumers describe intent through PROPS; they never re-style the chrome. The canonical chrome lives in `packages/emcn/src/components/chip/chip-chrome.ts` (all tokens are re-exported from the `@sim/emcn` barrel — no subpath import needed) — never hand-roll `rounded-lg`/`border`/`bg-[var(--surface-5)]`/`h-[30px]`/`px-2`/`text-sm`/focus rings.
 
 ### Props over className
 

apps/docs/components/ai/ask-ai-panel.tsx

@@ -2,8 +2,8 @@
 
 import { type FormEvent, useEffect, useMemo, useRef, useState } from 'react'
 import { useChat } from '@ai-sdk/react'
+import { ArrowUp, Square, Task, X } from '@sim/emcn/icons'
 import { DefaultChatTransport } from 'ai'
-import { ArrowUp, MessageCircle, Square, X } from 'lucide-react'
 import { Streamdown } from 'streamdown'
 import { cn } from '@/lib/utils'
 import 'streamdown/styles.css'
@@ -102,7 +102,7 @@ export function AskAIPanel({ locale, open, onClose }: AskAIPanelProps) {
     >
       <div className='flex items-center justify-between border-[var(--border-1)] border-b px-4 py-3'>
         <span className='flex items-center gap-1.5 font-season text-[var(--text-body)] text-sm'>
-          <MessageCircle className='size-[16px] text-[var(--text-icon)]' />
+          <Task className='size-[16px] text-[var(--text-icon)]' />
           Ask Sim
         </span>
         <button

apps/docs/components/ai/ask-ai.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useRef, useState } from 'react'
-import { MessageCircle } from 'lucide-react'
+import { Task } from '@sim/emcn/icons'
 import dynamic from 'next/dynamic'
 
 const AskAIPanel = dynamic(() => import('./ask-ai-panel').then((m) => m.AskAIPanel), {
@@ -11,7 +11,7 @@ const AskAIPanel = dynamic(() => import('./ask-ai-panel').then((m) => m.AskAIPan
       aria-hidden
       className='fixed right-4 bottom-4 z-50 flex size-11 items-center justify-center rounded-full border border-[var(--border-1)] bg-[var(--surface-5)] shadow-[var(--shadow-medium)] dark:bg-[var(--surface-4)]'
     >
-      <MessageCircle className='size-[16px] animate-pulse text-[var(--text-icon)]' />
+      <Task className='size-[16px] animate-pulse text-[var(--text-icon)]' />
     </div>
   ),
 })
@@ -46,7 +46,7 @@ export function AskAI({ locale }: AskAIProps) {
           onClick={handleOpen}
           className='fixed right-4 bottom-4 z-50 flex h-11 items-center gap-1.5 rounded-full border border-[var(--border-1)] bg-[var(--surface-5)] px-4 font-season text-[var(--text-body)] text-sm shadow-[var(--shadow-medium)] transition-colors hover:bg-[var(--surface-active)] dark:bg-[var(--surface-4)]'
         >
-          <MessageCircle className='size-[16px] text-[var(--text-icon)]' />
+          <Task className='size-[16px] text-[var(--text-icon)]' />
           Ask Sim
         </button>
       )}

apps/docs/components/docs-layout/page-footer.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react'
-import { ChevronLeft, ChevronRight } from 'lucide-react'
+import { ChevronLeft, ChevronRight } from '@sim/emcn/icons'
 import Link from 'next/link'
 
 interface PageNeighbour {

apps/docs/components/docs-layout/page-navigation-arrows.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { ChevronLeft, ChevronRight } from 'lucide-react'
+import { ChevronLeft, ChevronRight } from '@sim/emcn/icons'
 import Link from 'next/link'
 
 interface PageNavigationArrowsProps {

apps/docs/components/page-actions.tsx

@@ -1,16 +1,16 @@
 'use client'
 
 import { Chip } from '@sim/emcn'
+import { Check, Duplicate } from '@sim/emcn/icons'
 import { useCopyButton } from 'fumadocs-ui/utils/use-copy-button'
-import { Check, Copy } from 'lucide-react'
 
 export function LLMCopyButton({ content }: { content: string }) {
   const [checked, onClick] = useCopyButton(() => navigator.clipboard.writeText(content))
 
   return (
     <Chip
       onClick={onClick}
-      leftIcon={checked ? Check : Copy}
+      leftIcon={checked ? Check : Duplicate}
       aria-label={checked ? 'Copied to clipboard' : 'Copy page content'}
     >
       {checked ? 'Copied' : 'Copy page'}

apps/docs/components/ui/code-block.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import { useState } from 'react'
+import { Check, Duplicate } from '@sim/emcn/icons'
 import { CodeBlock as FumadocsCodeBlock } from 'fumadocs-ui/components/codeblock'
-import { Check, Copy } from 'lucide-react'
 import { cn } from '@/lib/utils'
 
 export function CodeBlock(props: React.ComponentProps<typeof FumadocsCodeBlock>) {
@@ -31,9 +31,9 @@ export function CodeBlock(props: React.ComponentProps<typeof FumadocsCodeBlock>)
           >
             <span className='flex items-center justify-center'>
               {copied ? (
-                <Check size={16} className='text-[var(--brand-accent)]' />
+                <Check className='size-[16px] text-[var(--brand-accent)]' />
               ) : (
-                <Copy size={16} className='text-[var(--text-muted)]' />
+                <Duplicate className='size-[16px] text-[var(--text-muted)]' />
               )}
             </span>
           </button>

apps/docs/components/ui/faq.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useState } from 'react'
-import { ChevronRight } from 'lucide-react'
+import { ChevronRight } from '@sim/emcn/icons'
 import { serializeJsonLd } from '@/lib/json-ld'
 import { cn } from '@/lib/utils'
 

apps/docs/components/ui/heading.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { type ComponentPropsWithoutRef, useState } from 'react'
-import { Check, Link } from 'lucide-react'
+import { Check, Link } from '@sim/emcn/icons'
 import { cn } from '@/lib/utils'
 
 type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'