feat: contexte IA + header projet + Kanban 1x/2x (v1.1.3)

- CT-006: Injection CLAUDE.md/AGENTS.md dans prompts IA
- CT-007: Affichage nom du projet dans le header
- CT-005: Toggle 1x/2x largeur colonnes Kanban

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: Bouaris

CHANGELOG.md

@@ -4,6 +4,16 @@ Toutes les modifications notables de ce projet sont documentées ici.
 
 Format basé sur [Keep a Changelog](https://keepachangelog.com/fr/1.0.0/).
 
+## [1.1.3] - 2026-01-04
+
+### Ajouté
+- Injection automatique CLAUDE.md/AGENTS.md dans les prompts IA (CT-006)
+- Affichage du nom du projet dans le header (CT-007)
+- Toggle 1x/2x largeur colonnes Kanban avec persistence localStorage (CT-005)
+- Indicateur visuel du contexte IA chargé
+
+---
+
 ## [1.1.2] - 2026-01-04
 
 ### Ajouté

README.md

@@ -2,7 +2,7 @@
 
 Application de gestion de backlog produit avec génération IA.
 
-![Version](https://img.shields.io/badge/version-1.1.2-blue.svg)
+![Version](https://img.shields.io/badge/version-1.1.3-blue.svg)
 ![Platform](https://img.shields.io/badge/platform-Windows%20%7C%20Web-lightgrey.svg)
 ![License](https://img.shields.io/badge/license-MIT-green.svg)
 
@@ -183,11 +183,10 @@ ticketflow/
 
 Voir [CHANGELOG.md](CHANGELOG.md) pour l'historique complet des versions.
 
-### Dernière version: v1.1.2
-- Virtual scrolling Kanban (performance 1000+ items)
-- Recherche indexée instantanée (MiniSearch)
-- Système Undo/Redo (Ctrl+Z / Ctrl+Y)
-- Roadmap stratégique 2026
+### Dernière version: v1.1.3
+- Injection automatique CLAUDE.md/AGENTS.md dans prompts IA
+- Affichage nom du projet dans le header
+- Toggle 1x/2x largeur colonnes Kanban
 
 ## Roadmap
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ticketflow",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Application de gestion de backlog produit avec génération IA",
   "author": "Boris",
   "license": "MIT",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "ticketflow"
-version = "1.1.2"
+version = "1.1.3"
 description = "Application de gestion de backlog produit avec génération IA"
 authors = ["Boris"]
 license = "MIT"

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
   "productName": "Ticketflow",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "identifier": "com.ticketflow.app",
   "build": {
     "frontendDist": "../dist",

src/components/kanban/KanbanBoard.tsx

@@ -27,6 +27,7 @@ import type { TypeDefinition } from '../../types/typeConfig';
 import { KanbanCard } from './KanbanCard';
 import { GripIcon } from '../ui/Icons';
 import { hexToRgba } from '../../lib/utils';
+import { useKanbanColumnWidths, KANBAN_BASE_WIDTH, type WidthMultiplier } from '../../hooks/useKanbanColumnWidths';
 
 // Only virtualize columns with many items (avoids height estimation issues for small lists)
 const VIRTUALIZATION_THRESHOLD = 15;
@@ -40,6 +41,7 @@ interface KanbanBoardProps {
 
 export function KanbanBoard({ itemsByType, types, onItemClick, onTypesReorder }: KanbanBoardProps) {
   const totalItems = Object.values(itemsByType).reduce((sum, items) => sum + items.length, 0);
+  const { getMultiplier, getWidth, toggleWidth } = useKanbanColumnWidths();
 
   // Filter types to only show columns with items
   const visibleTypes = useMemo(() => {
@@ -94,6 +96,9 @@ export function KanbanBoard({ itemsByType, types, onItemClick, onTypesReorder }:
                 type={type}
                 items={itemsByType[type.id] || []}
                 onItemClick={onItemClick}
+                width={getWidth(type.id)}
+                multiplier={getMultiplier(type.id)}
+                onToggleWidth={() => toggleWidth(type.id)}
               />
             ))}
           </div>
@@ -111,8 +116,11 @@ interface SortableKanbanColumnProps {
   type: TypeDefinition;
   items: BacklogItem[];
   onItemClick: (item: BacklogItem) => void;
+  width: number;
+  multiplier: WidthMultiplier;
+  onToggleWidth: () => void;
 }
-function SortableKanbanColumnWithStyles({ type, items, onItemClick }: SortableKanbanColumnProps) {
+function SortableKanbanColumnWithStyles({ type, items, onItemClick, width, multiplier, onToggleWidth }: SortableKanbanColumnProps) {
   const {
     attributes,
     listeners,
@@ -145,15 +153,19 @@ function SortableKanbanColumnWithStyles({ type, items, onItemClick }: SortableKa
   const borderColor = hexToRgba(type.color, 0.3);
   const headerBgColor = hexToRgba(type.color, 0.15);
 
+  const isDouble = multiplier === 2;
+
   return (
     <div
       ref={setNodeRef}
       style={{
         ...style,
         backgroundColor: bgColor,
         borderColor: borderColor,
+        width: `${width}px`,
+        minWidth: `${KANBAN_BASE_WIDTH}px`,
       }}
-      className="flex flex-col w-full sm:w-72 md:w-80 rounded-lg border max-h-[calc(100vh-200px)]"
+      className="flex flex-col rounded-lg border max-h-[calc(100vh-200px)] transition-all duration-200"
     >
       {/* Header - Draggable */}
       <div
@@ -167,7 +179,27 @@ function SortableKanbanColumnWithStyles({ type, items, onItemClick }: SortableKa
             <GripIcon className="w-4 h-4 opacity-50" />
             <h3 className="font-semibold" style={{ color: type.color }}>{type.label}</h3>
           </div>
-          <span className="text-sm" style={{ color: type.color, opacity: 0.75 }}>{items.length}</span>
+          <div className="flex items-center gap-2">
+            <button
+              onClick={(e) => {
+                e.stopPropagation();
+                onToggleWidth();
+              }}
+              onMouseDown={(e) => e.stopPropagation()}
+              className={`
+                px-1.5 py-0.5 text-[10px] font-medium rounded
+                transition-all duration-150 ease-out
+                ${isDouble
+                  ? 'bg-blue-100 text-blue-700 hover:bg-blue-200'
+                  : 'bg-white/50 text-gray-600 hover:bg-white/80'
+                }
+              `}
+              title={isDouble ? 'Réduire (1 carte)' : 'Élargir (2 cartes)'}
+            >
+              {isDouble ? '2x' : '1x'}
+            </button>
+            <span className="text-sm" style={{ color: type.color, opacity: 0.75 }}>{items.length}</span>
+          </div>
         </div>
       </div>
 
@@ -178,7 +210,7 @@ function SortableKanbanColumnWithStyles({ type, items, onItemClick }: SortableKa
             Aucun item
           </div>
         ) : shouldVirtualize ? (
-          // Virtualized rendering for large lists
+          // Virtualized rendering for large lists (single column only for now)
           <div
             style={{
               height: `${virtualizer.getTotalSize()}px`,
@@ -209,8 +241,8 @@ function SortableKanbanColumnWithStyles({ type, items, onItemClick }: SortableKa
             })}
           </div>
         ) : (
-          // Classic rendering for small lists (avoids height estimation issues)
-          <div className="space-y-3">
+          // Classic rendering - grid for 2x mode, single column for 1x
+          <div className={isDouble ? 'grid grid-cols-2 gap-3' : 'space-y-3'}>
             {items.map(item => (
               <KanbanCard
                 key={item.id}

src/constants/storage.ts

@@ -13,6 +13,9 @@ export const STORAGE_KEYS = {
   PROJECTS: 'ticketflow-projects',
   TYPE_CONFIG_PREFIX: 'ticketflow-type-config',
 
+  // UI Preferences
+  COLUMN_WIDTHS: 'ticketflow-column-widths',
+
   // AI Configuration
   AI_PROVIDER: 'ai-provider',
   GROQ_API_KEY: 'groq-api-key',

src/hooks/useKanbanColumnWidths.ts

@@ -0,0 +1,119 @@
+/**
+ * useKanbanColumnWidths - Hook for managing Kanban column width multipliers
+ *
+ * Simple 1x/2x toggle system with localStorage persistence.
+ * 1x = single card width, 2x = double card width
+ */
+
+import { useState, useCallback } from 'react';
+import { STORAGE_KEYS } from '../constants/storage';
+
+// ============================================================
+// TYPES
+// ============================================================
+
+export type WidthMultiplier = 1 | 2;
+
+export type KanbanColumnMultipliers = Record<string, WidthMultiplier>;
+
+// ============================================================
+// CONFIGURATION
+// ============================================================
+
+// Base width for a single card column
+export const KANBAN_BASE_WIDTH = 320; // px
+
+const STORAGE_KEY = `${STORAGE_KEYS.COLUMN_WIDTHS}-kanban`;
+
+// ============================================================
+// PERSISTENCE
+// ============================================================
+
+function loadMultipliers(): KanbanColumnMultipliers {
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      const parsed = JSON.parse(stored);
+      // Validate all values are 1 or 2
+      const result: KanbanColumnMultipliers = {};
+      for (const [key, value] of Object.entries(parsed)) {
+        if (value === 1 || value === 2) {
+          result[key] = value as WidthMultiplier;
+        }
+      }
+      return result;
+    }
+  } catch (error) {
+    console.warn('[KanbanColumnWidths] Failed to load:', error);
+  }
+  return {};
+}
+
+function saveMultipliers(multipliers: KanbanColumnMultipliers): void {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(multipliers));
+  } catch (error) {
+    console.warn('[KanbanColumnWidths] Failed to save:', error);
+  }
+}
+
+// ============================================================
+// HOOK
+// ============================================================
+
+export interface UseKanbanColumnWidthsReturn {
+  multipliers: KanbanColumnMultipliers;
+  getMultiplier: (typeId: string) => WidthMultiplier;
+  getWidth: (typeId: string) => number;
+  toggleWidth: (typeId: string) => void;
+  resetWidths: () => void;
+}
+
+export function useKanbanColumnWidths(): UseKanbanColumnWidthsReturn {
+  const [multipliers, setMultipliers] = useState<KanbanColumnMultipliers>(loadMultipliers);
+
+  /**
+   * Get multiplier for a column (default 1x)
+   */
+  const getMultiplier = useCallback((typeId: string): WidthMultiplier => {
+    return multipliers[typeId] || 1;
+  }, [multipliers]);
+
+  /**
+   * Get computed width for a column
+   */
+  const getWidth = useCallback((typeId: string): number => {
+    return KANBAN_BASE_WIDTH * getMultiplier(typeId);
+  }, [getMultiplier]);
+
+  /**
+   * Toggle column width between 1x and 2x
+   */
+  const toggleWidth = useCallback((typeId: string) => {
+    setMultipliers(prev => {
+      const current = prev[typeId] || 1;
+      const newMultipliers = {
+        ...prev,
+        [typeId]: current === 1 ? 2 : 1,
+      } as KanbanColumnMultipliers;
+      saveMultipliers(newMultipliers);
+      return newMultipliers;
+    });
+  }, []);
+
+  /**
+   * Reset all multipliers to default (1x)
+   */
+  const resetWidths = useCallback(() => {
+    setMultipliers({});
+    saveMultipliers({});
+  }, []);
+
+  return {
+    multipliers,
+    getMultiplier,
+    getWidth,
+    toggleWidth,
+    resetWidths,
+  };
+}