@cplace/test-mcp-server 1.0.0 → 1.1.0

package/dist/widget-specifications/cf.projektplanung.singleGantt/_overview.md

@@ -0,0 +1,27 @@
+## Overview
+
+The Gantt chart widget displays a Gantt chart of all tasks and milestones of this schedule. It automatically identifies the schedule context by traversing the page hierarchy upward to find the parent schedule, making it ideal for embedding on schedule-related pages without manual configuration.
+
+The widget provides complete Gantt chart functionality including task visualization, dependencies, timeline management, and optional inline editing capabilities. It can be configured with time range settings (absolute or relative dates), display options for initial expansion state, read-only mode, and control over cross-linked external tasks.
+
+## Use Cases
+
+- Display a comprehensive Gantt chart view on a schedule page directly
+- Show the parent schedule's Gantt view when viewing task or milestone detail pages
+- Provide context-aware Gantt visualization on custom pages within a schedule hierarchy
+- Enable visual project planning with timeline views for users working within a single project
+
+## Design Considerations
+
+Use the Single Gantt widget when you want automatic schedule detection based on the current page context. This is the preferred choice for schedule-centric views where users are working within a single project or schedule.
+
+The widget can be embedded on any page within a schedule's hierarchy - it will recursively traverse up the page hierarchy to find the parent schedule. This allows for flexible placement without requiring manual schedule configuration.
+
+Note that the Single Gantt widget cannot coexist with another Single Gantt or Multi Gantt widget on the same page. Configuration changes require a full page reload rather than inline updates due to the Gantt diagram's rendering mechanism.
+
+The "Without Cross-Links" option (enabled by default) controls whether tasks linked from outside the selected schedule are loaded, which affects performance and scope of displayed data.
+
+## Related Patterns/Alternatives
+
+- **Multi Gantt Widget** (`cf.projektplanung.gantt`): Displays multiple schedules simultaneously with explicit schedule selection, ideal for dashboards and cross-project comparisons
+- **Schedule Tree Widget** (`cf.cplace.projektplanung.scheduleTree`): Provides hierarchical view of schedules in tree/table format without timeline visualization

package/dist/widget-specifications/cf.projektplanung.singleGantt/_summary.md

@@ -0,0 +1 @@
+Displays a Gantt chart of all tasks and milestones of this schedule, automatically detecting the schedule context from the page hierarchy. It provides visual project planning capabilities with timeline visualization, task dependencies, and milestone tracking for a single schedule.

package/dist/widget-specifications/cf.projektplanung.singleGanttLink/_catalog-data.json

@@ -0,0 +1,12 @@
+{
+  "Widget": "cf.projektplanung.singleGanttLink",
+  "Description": "{\"en\":\"A button that opens a Gantt chart in a new browser tab.\",\"de\":\"Eine Schaltfläche, die ein Gantt-Diagramm in einem neuen Browser-Tab öffnet.\"}",
+  "Localized Name": "{\"en\":\"Open Gantt Chart\",\"de\":\"Gantt-Diagramm öffnen\"}",
+  "Icon": "cf-widget",
+  "Plugin": "cf.cplace.projektplanung",
+  "App": "cf.cplace.projektplanung.projektplanungBasic",
+  "Localized App Name": "{\"en\":\"Project Planning (Basic)\",\"de\":\"Projektplanung (Basis)\"}",
+  "Repository": "cplace-project-planning",
+  "* Details DE": null,
+  "* Details EN": null
+}

package/dist/widget-specifications/cf.projektplanung.singleGanttLink/_meta.json

@@ -0,0 +1,10 @@
+{
+  "tags": [
+    "timeline",
+    "time-series",
+    "scheduling",
+    "navigation",
+    "read-only"
+  ],
+  "requiredApp": "cf.cplace.projektplanung.projektplanungBasic"
+}

package/dist/widget-specifications/cf.projektplanung.singleGanttLink/_overview.md

@@ -0,0 +1,84 @@
+## Overview
+
+The Open Gantt Chart widget provides a button that opens a Gantt chart in a new browser tab. Rather than offering complete scheduling functionality inline, it acts as a visual entry point to the full Gantt chart experience, giving users immediate visual context while inviting them to explore the detailed view.
+
+**Use when**: You need to show a timeline teaser on overview or summary pages that links to the detailed Gantt experience. Ideal for default layouts where users want a quick visual sense of the schedule without the overhead of a full Gantt interface.
+
+**Alternatives**:
+- **Multi-Gantt** - When displaying multiple schedules in an aggregated view
+- **Schedule Tree Table** - When users need a tabular WBS structure with inline editing rather than a visual timeline
+
+## Use Cases
+
+### Schedule Overview Dashboard
+On a schedule's default page, users often want to see the timeline at a glance without committing to the full Gantt interface. The Single Gantt Link provides this preview, letting users quickly assess timeline health before deciding to dive deeper.
+
+### Project Summary Pages
+When creating executive summaries or project portfolio views that show one schedule per project, this widget offers a lightweight way to include timeline information without the performance cost of rendering a full Gantt for each project.
+
+### Navigation-Oriented Layouts
+In layouts designed around progressive disclosure, the Single Gantt Link serves as the visual "hook" that draws users toward the detailed Gantt view. It answers "what does the timeline look like?" and invites the follow-up question "what are the details?"
+
+### Read-Only Timeline Preview
+For stakeholders who need to see the timeline but don't need editing capabilities, this widget provides appropriate visual information without exposing planning controls.
+
+## Behavior and Capabilities
+
+### Schedule Source Selection
+The widget can obtain its schedule data through three mechanisms:
+- **Embedding context**: Uses the current page as the schedule, ideal when the widget lives directly on a schedule page
+- **Search-based selection**: Finds the appropriate schedule through search criteria, useful when embedding previews on related pages
+- **Reference following**: Traverses a reference attribute to locate the schedule, enabling indirect relationships
+
+### Timeline Rendering
+The widget renders the schedule's task hierarchy as a Gantt timeline, displaying activities as bars and milestones as diamonds. The rendering is intentionally simplified compared to the full Gantt view, prioritizing quick comprehension over exhaustive detail.
+
+### Dependency Visualization
+Cross-links between tasks (dependency arrows) can be shown or hidden. Hiding them results in a cleaner, less cluttered preview that's easier to scan quickly.
+
+### Navigation Behavior
+The "Link" in the widget name reflects its primary interaction model: clicking the preview navigates users to the full Gantt view where they can perform detailed planning and editing.
+
+## Design Considerations
+
+### Preview vs. Full Experience Trade-off
+This widget deliberately sacrifices functionality for simplicity. It answers "what does the timeline look like?" but not "how do I edit this task?" This separation of concerns keeps overview pages fast and focused while reserving the full feature set for dedicated planning views.
+
+Consider hiding dependency arrows in preview contexts. While dependencies are crucial for planning, they add visual complexity that can overwhelm a quick preview. The full Gantt view remains available for users who need dependency information.
+
+### Performance Implications
+As a lightweight preview widget, Single Gantt Link is designed for fast loading. This makes it suitable for pages where users expect quick access to information, such as default layouts or dashboard contexts. Avoid overloading the same page with multiple heavyweight widgets if this preview is meant to stay snappy.
+
+### Context Requirements
+The widget requires schedule context to function. When placing it on non-schedule pages, you must configure how the widget should find its schedule (through search or reference). On schedule pages, the embedding context typically provides the needed information automatically.
+
+### Plugin Dependency
+This widget is part of the Project Planning plugin (cf.projektplanung namespace). It's only available in workspaces where this plugin is installed and will not function in generic cplace environments.
+
+## Related Widgets
+
+### Within the Gantt Widget Family
+
+**Schedule Tree Table**: While Single Gantt Link provides a visual timeline preview, the Schedule Tree Table offers a tabular WBS view with inline editing capabilities. These widgets often coexist in different tabs or layouts, serving different interaction needs for the same schedule data.
+
+**Multi-Gantt**: When you need to visualize multiple schedules together (such as a portfolio view across projects), the Multi-Gantt widget handles aggregation. Single Gantt Link is specifically scoped to one schedule, making it simpler but less flexible for cross-project views.
+
+### Complementary Widgets
+
+**Layout Tabs Widget**: Single Gantt Link works well alongside Layout Tabs, providing immediate timeline context on the overview while tabs offer navigation to the full Gantt, board view, or other specialized layouts. Users see the preview first and can expand or switch tabs as needed.
+
+**Attribute Widgets**: Overview layouts typically pair the timeline preview with key attribute displays (status, dates, owner) to give users a complete picture without requiring navigation.
+
+## Layout Context
+
+The Single Gantt Link typically appears on schedule default layouts as a visual centerpiece, positioned after status information and summary attributes but before navigation elements like tabs. This placement supports a progressive disclosure pattern:
+
+1. Quick facts (attributes, status indicators)
+2. Visual timeline preview (this widget)
+3. Navigation to detailed views (tabs, links)
+
+This arrangement lets users get immediate visual context while making deeper exploration easily accessible.
+
+## Data Model Context
+
+The widget visualizes the task hierarchy within a schedule. Schedules contain activities (which can nest into sub-tasks) and milestones, all rendered as timeline elements. The hierarchical structure appears in the Gantt's vertical organization, while temporal relationships (start dates, durations, deadlines) drive the horizontal positioning.

package/dist/widget-specifications/cf.projektplanung.singleGanttLink/_summary.md

@@ -0,0 +1 @@
+A button that opens a Gantt chart in a new browser tab. Use on overview pages to show a quick visual sense of the schedule without the overhead of a full Gantt interface.

package/dist/widget-specifications/de.2lforge.curves.widget/_catalog-data.json

@@ -0,0 +1,12 @@
+{
+  "Widget": "de.2lforge.curves.widget",
+  "Description": null,
+  "Localized Name": "{\"en\":\"Curves\",\"de\":\"Curves\"}",
+  "Icon": "cf-widget",
+  "Plugin": "de.toolforge.curves",
+  "App": "de.toolforge.curves",
+  "Localized App Name": "{\"en\":\"2lf CURVES App\",\"de\":\"2lf CURVES App\"}",
+  "Repository": "cplace-2lforge-curves",
+  "* Details DE": null,
+  "* Details EN": null
+}

package/dist/widget-specifications/de.2lforge.curves.widget/_meta.json

@@ -0,0 +1,12 @@
+{
+  "tags": [
+    "time-series",
+    "chart",
+    "table",
+    "inline-edit",
+    "scheduling",
+    "searchable",
+    "filterable"
+  ],
+  "requiredApp": "de.toolforge.curves"
+}

package/dist/widget-specifications/de.2lforge.curves.widget/_overview.md

@@ -0,0 +1,73 @@
+## Overview
+
+The Curves widget is a comprehensive solution for time-based resource planning and capacity visualization. It displays numeric values distributed across time intervals for multiple entities simultaneously, combining an interactive table with synchronized charts for the same data. The widget enables users to view, analyze, and directly edit time-bound numeric data with support for flexible interval configurations (days, weeks, months, quarters, years, or custom dynamic intervals).
+
+## Use Cases
+
+### Resource Capacity Planning
+Track team member availability across weeks or months, visualize allocation percentages over time, and identify over-allocation or gaps in resource coverage.
+
+### Project Workload Visualization
+Display project effort distribution across time, compare planned vs. actual effort by time period, and aggregate workload across multiple projects or teams.
+
+### Financial Planning and Budgeting
+Track budget allocation across fiscal quarters, visualize cost distribution over project timeline, and monitor cumulative spending patterns.
+
+### Multi-Type Time-Series Comparison
+Compare different metrics (effort, cost, FTE) side-by-side, analyze multiple entity types with distinct visualizations, and stack or layer different data series in charts.
+
+### Hierarchical Reporting
+Group data by custom hierarchies (departments, categories, etc.), display aggregated sums at different hierarchy levels, and filter and focus on specific hierarchy branches.
+
+## Operating Modes
+
+### Dual View Mode
+The widget simultaneously displays data in two synchronized views: an interactive table (Handsontable) for detailed data manipulation and charts (Highcharts) for visual trend analysis. Users can edit values directly in the table when permissions allow, with changes reflected in real-time.
+
+### Table-Only Mode
+Configure the widget to display only the table view by setting the chart type to `NONE`, useful when detailed numeric values are more important than visual trends.
+
+## Data Patterns
+
+### Interval-Based Data
+Works with pages that have start/end date attributes and a numeric value attribute. For example, tasks with start date, end date, and effort/cost values.
+
+### Time-Bounded Resources
+Supports pages with special time-bounded attributes that store values for specific date ranges, enabling more advanced patterns for fine-grained temporal data.
+
+## Design Considerations
+
+### When to Use This Widget
+Choose the Curves widget when you need to:
+- Visualize how numeric values are distributed across time periods
+- Enable users to directly edit time-based allocations
+- Compare multiple entities or types in a unified view
+- See both detailed data (table) and trends (charts) simultaneously
+- Work with configurable time granularity (from days to years)
+- Aggregate and sum data across multiple dimensions
+
+### Time Configuration Flexibility
+The widget supports both absolute dates (fixed start/end) and relative dates (e.g., last 3 months, next 6 weeks). Time intervals can be standard periods (day, week, month, quarter, year) or custom dynamic intervals defined by another search.
+
+### Multiple Type Configurations
+Configure multiple type configurations simultaneously to display different entity types or metrics in the same view, each with its own visualization style, color, and aggregation settings.
+
+### Hierarchical Grouping
+Enable grouping by attribute values (enum values, references, or other attributes) to create hierarchical structure in the table with aggregated sums at each hierarchy level.
+
+## Common Pitfalls
+
+- **Insufficient Time Range**: Ensure the configured date range is appropriate for the interval type. Very short date ranges with large intervals (e.g., 2 weeks with monthly intervals) may result in minimal data display.
+- **Missing Type Configuration**: At least one type configuration must be selected for the widget to be functional.
+- **Dynamic Interval Configuration**: When using dynamic intervals, both the dynamic interval search and attribute must be properly configured.
+- **Permission Requirements**: In-place editing only works when users have appropriate permissions on the entities being displayed.
+
+## Related Widgets
+
+The Curves widget can connect to table widgets for selection synchronization and supports external page provider widgets for dynamic data sources. It publishes events for data changes and responds to table selection events, enabling master-detail patterns.
+
+## Related Patterns
+
+- **Connected Selection**: Link the Curves widget to a table widget to synchronize selections and filter displayed data based on user selection.
+- **Dynamic Intervals**: Instead of fixed periods, define custom intervals from milestone or phase pages for irregular time periods that match project structure.
+- **Target Range Overlay**: Define min/max target values to create a color-coded range band on charts, helping identify over/under-capacity situations.

package/dist/widget-specifications/de.2lforge.curves.widget/_summary.md

@@ -0,0 +1 @@
+A time-series data visualization and planning widget that displays resource allocation, workload, or numeric values across configurable time intervals in both tabular and chart formats. Use for capacity planning, resource management, and temporal data analysis with support for hierarchical grouping and in-place editing.

package/dist/widget-specifications/de.2lforge.toolbar.datePickerWidget/_catalog-data.json

@@ -0,0 +1,12 @@
+{
+  "Widget": "de.2lforge.toolbar.datePickerWidget",
+  "Description": null,
+  "Localized Name": "{\"en\":\"datePickerWidget\",\"de\":\"datePickerWidget\"}",
+  "Icon": "cf-widget",
+  "Plugin": "de.toolforge.toolbar",
+  "App": "de.toolforge.toolbar",
+  "Localized App Name": "{\"en\":\"ToolbarApp\",\"de\":\"ToolbarApp\"}",
+  "Repository": "cplace-2lforge-toolbar",
+  "* Details DE": null,
+  "* Details EN": null
+}

package/dist/widget-specifications/de.2lforge.toolbar.datePickerWidget/_meta.json

@@ -0,0 +1,9 @@
+{
+  "tags": [
+    "form",
+    "filterable",
+    "detail-view",
+    "time-series"
+  ],
+  "requiredApp": "de.toolforge.toolbar"
+}

package/dist/widget-specifications/de.2lforge.toolbar.datePickerWidget/_overview.md

@@ -0,0 +1,67 @@
+## Overview
+
+The Date Picker Widget provides a reusable, toolbar-integrated date picker component that allows users to select a single date through an interactive calendar interface. When clicked, the toolbar button opens a dropdown containing a calendar based on bootstrap-datepicker, with optional quick selection shortcuts for dates relative to today.
+
+The widget provides visual state indicators showing whether the date has been changed from the default value and displays validation errors for invalid dates. A reset capability allows users to quickly return to the default value with one click.
+
+## Use Cases
+
+### Date Selection in Reports and Filters
+When users need to filter data by a specific date or generate reports for a particular day:
+- Selecting a report generation date
+- Filtering project milestones by date
+- Setting a deadline or due date
+- Choosing a start date for an analysis period
+
+### Quick Date Navigation
+When users frequently need to select dates relative to today without clicking through calendar months:
+- Selecting "10 days from now" for follow-up tasks
+- Choosing "yesterday" for daily reports
+- Setting "30 days ago" as a lookback period start
+- Quick selection of dates like "100 days from today" for long-term planning
+
+### Date Input in Custom Pages
+When building custom pages that require date input as part of a form or configuration interface:
+- Configuration dialogs requiring date parameters
+- Custom workflow forms with date fields
+- Dashboard filters with date selection
+
+### Default Date with User Override
+When a default date should be suggested but users need the ability to change it easily:
+- Forms pre-filled with "today" that can be adjusted
+- Date fields with calculated defaults (e.g., project end date based on duration)
+- Reset functionality to quickly return to the default value
+
+## Design Considerations
+
+### When to Use This Widget
+- You need a single date selection in a toolbar or form
+- A calendar interface improves usability over text input
+- You want visual feedback for changed/invalid states
+- Users benefit from relative date shortcuts
+
+### Technical Considerations
+- All dates are normalized to midnight local time
+- Built-in validation for Date objects (null or valid Date only)
+- Widget tracks changes from default and allows reset
+- Date restrictions in picker options may not work correctly with relative date buttons
+- Only single date selection is supported (multidate not available)
+
+## Common Pitfalls
+
+- Using date restriction options (like startDate or daysOfWeekDisabled) in combination with relative date shortcuts - these are not fully compatible
+- Expecting multidate selection support - this widget only supports single date selection
+- Not accounting for timezone normalization - dates are stored at midnight local time
+
+## Alternatives
+
+| Alternative | When to Use |
+|-------------|-------------|
+| `tlf-date-range-picker` | When you need to select a date range (start and end dates) instead of a single date |
+| `tlf-date-picker-core` | When you need just the calendar without toolbar button styling |
+| `tlf-date-diff` | When you only need relative date selection without the calendar interface |
+
+## Related Patterns
+
+- **Toolbar Widget Family**: This widget is part of the 2lforge Toolbar plugin alongside DropDownWidget and MiscWidget
+- **Date Range Selection**: For selecting date ranges, use the sibling component tlf-date-range-picker

package/dist/widget-specifications/de.2lforge.toolbar.datePickerWidget/_summary.md

@@ -0,0 +1 @@
+A toolbar button widget that displays a calendar-based date picker with optional relative date shortcuts, enabling users to select single dates through an interactive dropdown interface.

package/dist/widget-specifications/de.2lforge.toolbar.dropDownWidget/_catalog-data.json

@@ -0,0 +1,12 @@
+{
+  "Widget": "de.2lforge.toolbar.dropDownWidget",
+  "Description": null,
+  "Localized Name": "{\"en\":\"dropDownWidget\",\"de\":\"dropDownWidget\"}",
+  "Icon": "cf-widget",
+  "Plugin": "de.toolforge.toolbar",
+  "App": "de.toolforge.toolbar",
+  "Localized App Name": "{\"en\":\"ToolbarApp\",\"de\":\"ToolbarApp\"}",
+  "Repository": "cplace-2lforge-toolbar",
+  "* Details DE": null,
+  "* Details EN": null
+}

package/dist/widget-specifications/de.2lforge.toolbar.dropDownWidget/_meta.json

@@ -0,0 +1,10 @@
+{
+  "tags": [
+    "form",
+    "filterable",
+    "searchable",
+    "drag-drop",
+    "selectable"
+  ],
+  "requiredApp": "de.toolforge.toolbar"
+}

package/dist/widget-specifications/de.2lforge.toolbar.dropDownWidget/_overview.md

@@ -0,0 +1,58 @@
+## Overview
+
+This widget provides a comprehensive demonstration and testing page for three specialized dropdown components from the 2lForge Toolbar plugin. It showcases reusable selection UI elements designed for form-based data entry, filtering interfaces, and interactive selection scenarios.
+
+The widget serves primarily as a demo/test page displaying working examples of:
+- **Single Dropdown**: Select one value from a list
+- **Multi Dropdown**: Select multiple values from a list
+- **Draggable Dropdown**: Select and reorder multiple values via drag-and-drop
+
+All dropdown components feature consistent Bootstrap-based styling, type-safe implementation, and rich configurability including optional search/filter functionality, reset capabilities, change tracking, and custom CSS styling per entry.
+
+## Use Cases
+
+### 1. Simple Form Selection
+Select a single option from a predefined list (status, priority, category). The single dropdown component provides visual selection indicators and optional reset functionality for clearing selections.
+
+### 2. Multi-Criteria Filtering
+Filter data by selecting multiple values simultaneously (tags, departments, project phases). The multi dropdown component intelligently displays either a single label or a count (e.g., "3 elements") based on the number of selections.
+
+### 3. Large List Navigation with Search
+Select from extensive lists using the built-in search/filter functionality (countries, products, users). The searchable dropdown automatically focuses the filter input and provides real-time filtering by label text.
+
+### 4. Prioritized Selection and Ordering
+Select and arrange multiple items in priority order using drag-and-drop interaction (task prioritization, step sequences, preference ranking). The draggable dropdown maintains selection order as a significant part of the data model.
+
+### 5. Color-Coded Options
+Differentiate option types visually using custom CSS classes per entry (severity levels, status indicators, risk classifications). Each entry can include CSS classes for custom styling.
+
+### 6. Resettable Optional Fields
+Explicitly clear selections using the reset functionality (unassigning tickets, clearing optional filters). The reset-active mode allows clicking the current selection to deselect it.
+
+### 7. Component Testing and Development
+Test and demonstrate dropdown functionality with working code examples. The widget serves as a comprehensive demo page showing all configuration options, edge cases, and integration patterns for developers building forms with the 2lForge Toolbar components.
+
+## Design Considerations
+
+### Component Selection
+- Use **Single Dropdown** for mutually exclusive choices where one value must be selected
+- Use **Multi Dropdown** when multiple selections are needed but order doesn't matter
+- Use **Draggable Dropdown** when the order of selections is significant and users need to prioritize/sequence items
+
+### Search Functionality
+Enable the optional `searchable` attribute for lists with more than ~10-15 items to improve user experience. The search component automatically focuses on dropdown open and clears on close.
+
+### Type Safety
+All dropdown components support generic types (string, number, boolean, custom) with automatic type inference from the first entry. Explicitly declare types when entries are empty or ambiguous.
+
+### Default Values
+Configure defaults using either `defaultRef` (object reference) or `defaultString` (parsed string). For multi/draggable dropdowns, use the `defaultStringSeparator` to customize parsing of comma-separated value strings.
+
+## Related Widgets
+
+### Within ToolbarPlugin
+- **DatePickerWidgetDefinition** (`de.2lforge.toolbar.datePickerWidget`): Companion date selection components with similar toolbar-based UI patterns
+- **MiscWidgetDefinition** (`de.2lforge.toolbar.miscWidget`): Other complementary toolbar UI elements
+
+### Alternative Selection Patterns
+Consider standard cplace form widgets for basic selection needs when the advanced features of these toolbar dropdowns (search, drag-drop, custom styling) are not required.

package/dist/widget-specifications/de.2lforge.toolbar.dropDownWidget/_summary.md

@@ -0,0 +1 @@
+Provides three reusable dropdown components (single selection, multi-selection, and draggable multi-selection with ordering) for form-based data entry and filtering. Part of the 2lForge Toolbar plugin offering generic, configurable selection UI elements with optional search and reset functionality.

package/dist/widget-specifications/de.2lforge.toolbar.miscWidget/_catalog-data.json

@@ -0,0 +1,12 @@
+{
+  "Widget": "de.2lforge.toolbar.miscWidget",
+  "Description": null,
+  "Localized Name": "{\"en\":\"miscWidget\",\"de\":\"miscWidget\"}",
+  "Icon": "cf-widget",
+  "Plugin": "de.toolforge.toolbar",
+  "App": "de.toolforge.toolbar",
+  "Localized App Name": "{\"en\":\"ToolbarApp\",\"de\":\"ToolbarApp\"}",
+  "Repository": "cplace-2lforge-toolbar",
+  "* Details DE": null,
+  "* Details EN": null
+}

package/dist/widget-specifications/de.2lforge.toolbar.miscWidget/_meta.json

@@ -0,0 +1,8 @@
+{
+  "tags": [
+    "form",
+    "attributes",
+    "inline-edit"
+  ],
+  "requiredApp": "de.toolforge.toolbar"
+}

package/dist/widget-specifications/de.2lforge.toolbar.miscWidget/_overview.md

@@ -0,0 +1,43 @@
+## Overview
+
+The Misc Widget is an internal development and testing tool that demonstrates the usage of various toolbar components from the 2lforge Toolbar plugin. It displays interactive examples alongside their HTML code snippets, helping developers understand how to implement toolbar components in their own pages.
+
+This widget is **not intended for end-user production use**. It serves as living documentation and a testing playground for the toolbar component library.
+
+## Use Cases
+
+### Developer Learning and Reference
+Developers learning the toolbar component library can view this widget to see working examples of buttons, toggle switches (flipflops), and date pickers alongside the HTML code required to implement them.
+
+### Component Testing
+QA engineers and developers can use this widget to validate that toolbar components work correctly in different contexts, including standalone usage, within forms, and within nested forms.
+
+### Integration Testing
+The widget helps verify that toolbar components integrate properly with AngularJS forms, validating form data collection and various submission mechanisms (console, AJAX, GET, POST).
+
+## Demonstrated Components
+
+The widget showcases components from the 2lforge Toolbar plugin:
+
+- **tlf-button**: Action buttons with customizable callbacks
+- **tlf-submit**: Form submission buttons supporting multiple methods (console, ajax, get, post)
+- **tlf-flipflop**: Toggle switches with two-state values
+- **tlf-date-range-picker**: Date range selection components
+
+## Design Considerations
+
+### When to Use This Widget
+- When learning how to use toolbar components
+- When testing toolbar functionality during development
+- When validating component behavior in different form contexts
+
+### When NOT to Use This Widget
+- In production pages visible to end users
+- As a replacement for actual form or input widgets
+- For any purpose other than development and testing
+
+## Related Widgets
+
+Other toolbar demonstration widgets in the 2lforge Toolbar plugin:
+- `de.2lforge.toolbar.datePickerWidget` - Focused on date picker component testing
+- `de.2lforge.toolbar.dropDownWidget` - Focused on dropdown component testing

package/dist/widget-specifications/de.2lforge.toolbar.miscWidget/_summary.md

@@ -0,0 +1 @@
+A developer-facing demonstration widget that showcases toolbar components including buttons, toggle switches, and date pickers with interactive examples and code snippets.

package/dist/widget-specifications/de.visualistik.visualRoadmap.widget/_catalog-data.json

@@ -0,0 +1,12 @@
+{
+  "Widget": "de.visualistik.visualRoadmap.widget",
+  "Description": null,
+  "Localized Name": "{\"en\":\"Visual Roadmap\",\"de\":\"Visual Roadmap\"}",
+  "Icon": "cf-widget",
+  "Plugin": "de.visualistik.visualRoadmap",
+  "App": "de.visualistik.visualRoadmap",
+  "Localized App Name": "{\"en\":\"VisualRoadmapApp\",\"de\":\"VisualRoadmapApp\"}",
+  "Repository": "cplace-gtv",
+  "* Details DE": null,
+  "* Details EN": null
+}

package/dist/widget-specifications/de.visualistik.visualRoadmap.widget/_meta.json

@@ -0,0 +1,11 @@
+{
+  "tags": [
+    "timeline",
+    "time-series",
+    "low-code",
+    "connected",
+    "selectable",
+    "searchable"
+  ],
+  "requiredApp": "de.visualistik.visualRoadmap"
+}

package/dist/widget-specifications/de.visualistik.visualRoadmap.widget/_overview.md

@@ -0,0 +1,47 @@
+## Overview
+
+The Visual Roadmap widget renders hierarchical, time-based data in a roadmap format. It transforms cplace page data into structured roadmap elements through a configurable JavaScript script, allowing visualization of project timelines, releases, milestones, or any date-based data with rich visual customization options.
+
+The widget uses a three-level hierarchy: **groups** contain **swimlanes**, which contain **base items** displayed on a timeline.
+
+## Use Cases
+
+### Project Timeline Visualization
+Display project phases, milestones, and deliverables on a timeline. Organize projects into categories (groups) and sub-categories (swimlanes) to visualize start and end dates for different project elements.
+
+### Release Planning and Roadmapping
+Show product releases and feature rollouts over time. Group features by release cycles or product lines and categorize items using visual indicators like colors, patterns, and icons.
+
+### Portfolio Management
+Aggregate multiple projects or initiatives into a unified view. Group by business units, departments, or strategic themes to provide executive-level overviews of organizational initiatives.
+
+### Resource Planning
+Display resource allocation across different projects or teams. Visualize overlapping timelines and track different work item types with distinct visual styling.
+
+## Design Considerations
+
+### Scripting Requirement
+The widget requires a JavaScript script to transform source pages into the roadmap data structure. This script has access to `pages` (search results) and `embeddingPage` (context), and can use the cplace low-code API for complex data transformations.
+
+### Visual Configuration
+All visual customization (colors, hatching patterns, icons) is defined within the transformation script rather than through UI configuration. This provides maximum flexibility but requires script modification to change visual properties.
+
+### Data Sources
+The widget supports three data source modes:
+- **Search-based**: Dynamically find pages via search query
+- **Connected Table**: Link to a table widget for synchronized data
+- **Manual Selection**: Explicitly select specific pages
+
+### Performance Considerations
+The script executes on each data load, and all matching pages are loaded at once without pagination. Consider the volume of data when configuring search queries.
+
+## Common Pitfalls
+
+- **Date Format**: The script output must use the format "MM-dd-yyyy" for dates
+- **Script Complexity**: Complex transformations require solid JavaScript knowledge
+- **No Pagination**: Large datasets may impact performance
+
+## Related Patterns
+
+- **Master-Detail with Table**: Connect to a table widget to filter roadmap data based on table selection
+- **Event Synchronization**: The widget emits selection events that can be used with other connected widgets

package/dist/widget-specifications/de.visualistik.visualRoadmap.widget/_summary.md

@@ -0,0 +1 @@
+Displays timeline-based data in a customizable roadmap visualization, organizing items into groups and swimlanes with configurable visual properties including colors, hatching patterns, and icons.

package/dist/widget-specifications/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/widget-specifications/index.ts"],"names":[],"mappings":"AA+BA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,CAAC;CAC7D,CAAC,CAAC;AA2EH,eAAO,MAAM,qBAAqB,sBAA6B,CAAC"}