fix(interface): add tailwind-radix package for spaceui

[the-snesler]

The toggle switches in the settings UI aren't actually toggling. Currently:

This is caused by tailwindcss-radix being missing. As per SpaceUI, consumers are expected to load their own plugins, and we didn't have that package installed. I've added the relevant package to the interface's package.json and imported it in the css, and it fixes the problem.

[coderabbitai]

Walkthrough

The pull request adds a single Tailwind CSS plugin directive to enable the tailwindcss-radix plugin for Radix UI component styling support.

Changes

Tailwind Plugin Configuration

Layer / File(s)	Summary
Plugin Configuration interface/src/styles.css	Adds @plugin "tailwindcss-radix"; after the Tailwind CSS import to register the Radix UI plugin.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Description check	✅ Passed	The PR description clearly explains the problem (toggle switches not working), identifies the root cause (missing tailwindcss-radix plugin), references the SpaceUI migration guidance, and describes the solution with before/after images.
Title check	✅ Passed	The title clearly and specifically describes the main change: adding the tailwindcss-radix package to fix toggle switches in the interface UI.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

• Generate code and open pull requests
• Plan features and break down work
• Investigate incidents and troubleshoot customer tickets together
• Automate recurring tasks and respond to alerts with triggers
• Summarize progress and report instantly

Built for teams:

• Shared memory across your entire org—no repeating context
• Per-thread sandboxes to safely plan and execute work
• Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

🧹 Nitpick comments (1)

interface/src/styles.css (1)

10-10: ⚡ Quick win

Stylelint false positive: configure to allow Tailwind directives.

The Stylelint error scss/at-rule-no-unknown for @plugin is a false positive. Stylelint doesn't recognize Tailwind CSS v4's custom at-rules. Consider updating .stylelintrc to allow Tailwind-specific directives.

🔧 Suggested Stylelint configuration

Add to your Stylelint config to suppress false positives for Tailwind at-rules:

{
  "rules": {
    "scss/at-rule-no-unknown": [
      true,
      {
        "ignoreAtRules": [
          "tailwind",
          "apply",
          "layer",
          "theme",
          "plugin",
          "source",
          "utility",
          "import"
        ]
      }
    ]
  }
}

Or if not using SCSS-specific rules:

{
  "rules": {
    "at-rule-no-unknown": [
      true,
      {
        "ignoreAtRules": [
          "tailwind",
          "apply",
          "layer",
          "theme",
          "plugin",
          "source",
          "utility",
          "import"
        ]
      }
    ]
  }
}

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@interface/src/styles.css` at line 10, Stylelint is flagging the Tailwind
directive `@plugin` in interface/src/styles.css as an unknown at-rule; update your
Stylelint config (.stylelintrc or equivalent) to allow Tailwind-specific
at-rules by adding the Tailwind directives (e.g.,
"tailwind","apply","layer","theme","plugin","source","utility","import") to the
ignoreAtRules option for either "scss/at-rule-no-unknown" or
"at-rule-no-unknown" depending on which rule you use; ensure the config entry
targets the correct rule name present in your project so `@plugin`
"tailwindcss-radix"; is no longer reported as a false positive.

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Nitpick comments:
In `@interface/src/styles.css`:
- Line 10: Stylelint is flagging the Tailwind directive `@plugin` in
interface/src/styles.css as an unknown at-rule; update your Stylelint config
(.stylelintrc or equivalent) to allow Tailwind-specific at-rules by adding the
Tailwind directives (e.g.,
"tailwind","apply","layer","theme","plugin","source","utility","import") to the
ignoreAtRules option for either "scss/at-rule-no-unknown" or
"at-rule-no-unknown" depending on which rule you use; ensure the config entry
targets the correct rule name present in your project so `@plugin`
"tailwindcss-radix"; is no longer reported as a false positive.

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 0929a076-91ac-4f03-8986-29906ab8f549

📥 Commits

Reviewing files that changed from the base of the PR and between 21868af and ee29368.

⛔ Files ignored due to path filters (2)

• interface/bun.lock is excluded by !**/*.lock, !**/*.lock
• interface/package.json is excluded by !**/*.json

📒 Files selected for processing (1)

• interface/src/styles.css