implemented basic ui

[julian-richter]

This pull request introduces several new configurations and dependencies to the apps/docs project, primarily to enhance development tooling, testing, and internationalization support. Key updates include the addition of end-to-end testing setup, integration of Tailwind CSS with Prettier, localization message files, and a new components.json for UI configuration.

Testing and Tooling Enhancements:

• Added Playwright end-to-end testing setup with a sample test (e2e/demo.test.ts), configured test directory, and updated test scripts in package.json to run e2e tests. [1] [2] [3]
• Integrated Prettier Tailwind CSS plugin and stylesheet configuration in .prettierrc for improved formatting of Tailwind classes.

UI and Component Configuration:

• Added components.json to configure Shadcn-Svelte components, Tailwind base color, and path aliases for components, utils, hooks, and UI.

Localization and Internationalization:

• Introduced message files for English and German (messages/en.json, messages/de.json) using the Inlang message format schema for future i18n support. [1] [2]

Dependency and Ignore File Updates:

• Updated package.json with many new dependencies for UI, i18n, testing, and utility libraries, including Playwright, Tailwind CSS, and Paraglide.
• Updated .gitignore to exclude test results and Paraglide-generated files, improving repository cleanliness. [1] [2]

[linear]

DAS-21 feature: implement basic docs ui and functionality with markdown

[coderabbitai]

Important

Review skipped

More than 25% of the files skipped due to max files limit. The review is being skipped to prevent a low-quality review.

193 files out of 300 files are above the max files limit of 100. Please upgrade to Pro plan to get higher limits.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/das-21-feature-implement-basic-docs-ui-and-functionality-with

Tip

👮 Agentic pre-merge checks are now available in preview!

Pro plan users can now enable pre-merge checks in their settings to enforce checklists before merging PRs.

• Built-in checks – Quickly apply ready-made checks to enforce title conventions, require pull request descriptions that follow templates, validate linked issues for compliance, and more.
• Custom agentic checks – Define your own rules using CodeRabbit’s advanced agentic capabilities to enforce organization-specific policies and workflows. For example, you can instruct CodeRabbit’s agent to verify that API documentation is updated whenever API schema files are modified in a PR. Note: Upto 5 custom checks are currently allowed during the preview period. Pricing for this feature will be announced in a few weeks.

Please see the documentation for more information.

Example:

reviews:
  pre_merge_checks:
    custom_checks:
      - name: "Undocumented Breaking Changes"
        mode: "warning"
        instructions: |
          Pass/fail criteria: All breaking changes to public APIs, CLI flags, environment variables, configuration keys, database schemas, or HTTP/GraphQL endpoints must be documented in the "Breaking Change" section of the PR description and in CHANGELOG.md. Exclude purely internal or private changes (e.g., code not exported from package entry points or explicitly marked as internal).

Please share your feedback with us on this Discord post.

---

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.}

[Copilot]

Pull Request Overview

This pull request implements a comprehensive UI component library featuring Svelte components built with Shadcn/UI patterns. The changes introduce a complete set of reusable UI components including forms, navigation, data display, and interactive elements, along with supporting utilities and hooks.

Key changes include:

• Implementation of 40+ UI components including sidebar, calendar, chart, form, and input components
• Addition of utility functions for styling, clipboard operations, and mobile detection
• Integration of chart visualization and data table functionality
• Support for internationalization and theming

Reviewed Changes

Copilot reviewed 300 out of 777 changed files in this pull request and generated 3 comments.

File	Description
UI Components (sidebar/, calendar/, etc.)	Core Svelte UI components with TypeScript support and accessibility features
Utility functions (utils.js, hooks/*)	Helper functions for styling, clipboard operations, and responsive design
Chart components (chart/*)	Data visualization components with LayerChart integration
Code highlighting (code/*)	Syntax highlighting components using Shiki

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

There's an extra space before the import path. Should be '$lib/utils' instead of ' $lib/utils'.

Suggested change

	import { cn } from ' $lib/utils';
	import { cn } from '$lib/utils';

[Copilot]

There's a trailing comma in the comment. Should be // instead of //,.

Suggested change

//,

[Copilot]

The CSS class max-w-(--skeleton-width) uses an unusual syntax. Consider using a more standard approach like style=\"max-width: var(--skeleton-width)\" or defining a proper CSS custom property class.

Suggested change

	class="max-w-(--skeleton-width) h-4 flex-1"
	data-sidebar="menu-skeleton-text"
	style="--skeleton-width: {width};"
	class="h-4 flex-1"
	data-sidebar="menu-skeleton-text"
	style="max-width: var(--skeleton-width); --skeleton-width: {width};"